#391019 - #874139 | colorate

colorate è uno strumento per schemi a colori per designer e sviluppatori. Questo ti aiuterà a trarre ispirazione e funge da risorsa per il tuo lavoro a colori. Rendi questo sito migliore

Miscela da #391019 a #874139

#391019 #874139

Calcola il colore tra due colori, #391019 e #874139. Nel calcolo dei valori RGB, la saturazione tra i colori diversi è bassa. Nel calcolo dei valori HSV, la saturazione tra i colori diversi non è bassa.

Miscela RGB (lineare)

#391019 - #874139 | colorate

Calcolo del colore tra due colori in base al valore RGB. Per i colori distanti tra loro, la saturazione tra i due colori diminuisce. Espandi il colore tra due colori con #391019 come 0% e #874139 come 100%.

0.0%	0.0% #391019	RGB 57 16 25	#391019
16.7%	16.7% #46181E	RGB 70 24 30	#46181E
33.3%	33.3% #532023	RGB 83 32 35	#532023
50.0%	50.0% #602829	RGB 96 40 41	#602829
66.7%	66.7% #6D302E	RGB 109 48 46	#6D302E
83.3%	83.3% #7A3833	RGB 122 56 51	#7A3833
100.0%	100.0% #874139	RGB 135 65 57	#874139

#391019 #46181E #532023 #602829 #6D302E #7A3833 #874139

#391019 - #874139

Miscela HSV

#391019 - #874139 | colorate

Calcolo del colore tra due colori in base al valore HSV. Anche tra distinti colori di colore, la saturazione tra i due colori non diminuisce. Espandi il colore tra due colori con #391019 come 0% e #874139 come 100%.

0.0%	0.0% #391019	RGB 57 16 25	#391019
16.7%	16.7% #46151D	RGB 70 21 29	#46151D
33.3%	33.3% #531B21	RGB 83 27 33	#531B21
50.0%	50.0% #602125	RGB 96 33 37	#602125
66.7%	66.7% #6D2829	RGB 109 40 41	#6D2829
83.3%	83.3% #7A3430	RGB 122 52 48	#7A3430
100.0%	100.0% #874139	RGB 135 65 57	#874139

#391019 #46151D #531B21 #602125 #6D2829 #7A3430 #874139

#391019 - #602125 - #874139

Codici CSS

<style type="text/css">
/* RGB Gradient */
div {
    background: -moz-linear-gradient(top, #391019 0%, #874139 100%);
    background: -webkit-linear-gradient(top, #391019 0%, #874139 100%);
    background: linear-gradient(to bottom, #391019 0%, #874139 100%);
}

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #391019 0%, #602125 50%, #874139 100%);
    background: -webkit-linear-gradient(top, #391019 0%, #602125 50%, #874139 100%);
    background: linear-gradient(to bottom, #391019 0%, #602125 50%, #874139 100%);
}
</style>