#5E0300 - #D1B6B6 | 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 #5E0300 a #D1B6B6

#5E0300 #D1B6B6

Calcola il colore tra due colori, #5E0300 e #D1B6B6. 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)

#5E0300 - #D1B6B6 | 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 #5E0300 come 0% e #D1B6B6 come 100%.

0.0%	0.0% #5E0300	RGB 94 3 0	#5E0300
16.7%	16.7% #71201E	RGB 113 32 30	#71201E
33.3%	33.3% #843E3C	RGB 132 62 60	#843E3C
50.0%	50.0% #975C5B	RGB 151 92 91	#975C5B
66.7%	66.7% #AA7A79	RGB 170 122 121	#AA7A79
83.3%	83.3% #BD9897	RGB 189 152 151	#BD9897
100.0%	100.0% #D1B6B6	RGB 209 182 182	#D1B6B6

#5E0300 #71201E #843E3C #975C5B #AA7A79 #BD9897 #D1B6B6

#5E0300 - #D1B6B6

Miscela HSV

#5E0300 - #D1B6B6 | 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 #5E0300 come 0% e #D1B6B6 come 100%.

0.0%	0.0% #5E0300	RGB 94 3 0	#5E0300
16.7%	16.7% #711210	RGB 113 18 16	#711210
33.3%	33.3% #842826	RGB 132 40 38	#842826
50.0%	50.0% #974341	RGB 151 67 65	#974341
66.7%	66.7% #AA6363	RGB 170 99 99	#AA6363
83.3%	83.3% #BD8A89	RGB 189 138 137	#BD8A89
100.0%	100.0% #D1B6B6	RGB 209 182 182	#D1B6B6

#5E0300 #711210 #842826 #974341 #AA6363 #BD8A89 #D1B6B6

#5E0300 - #974341 - #D1B6B6

Codici CSS

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

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