#5E0911 - #D1B8BB | 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 #5E0911 a #D1B8BB

#5E0911 #D1B8BB

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

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

0.0%	0.0% #5E0911	RGB 94 9 17	#5E0911
16.7%	16.7% #71262D	RGB 113 38 45	#71262D
33.3%	33.3% #844349	RGB 132 67 73	#844349
50.0%	50.0% #976066	RGB 151 96 102	#976066
66.7%	66.7% #AA7D82	RGB 170 125 130	#AA7D82
83.3%	83.3% #BD9A9E	RGB 189 154 158	#BD9A9E
100.0%	100.0% #D1B8BB	RGB 209 184 187	#D1B8BB

#5E0911 #71262D #844349 #976066 #AA7D82 #BD9A9E #D1B8BB

#5E0911 - #D1B8BB

Miscela HSV

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

0.0%	0.0% #5E0810	RGB 94 8 16	#5E0810
16.7%	16.7% #711922	RGB 113 25 34	#711922
33.3%	33.3% #842F38	RGB 132 47 56	#842F38
50.0%	50.0% #974952	RGB 151 73 82	#974952
66.7%	66.7% #AA6970	RGB 170 105 112	#AA6970
83.3%	83.3% #BD8E93	RGB 189 142 147	#BD8E93
100.0%	100.0% #D1B8BB	RGB 209 184 187	#D1B8BB

#5E0810 #711922 #842F38 #974952 #AA6970 #BD8E93 #D1B8BB

#5E0911 - #974952 - #D1B8BB

Codici CSS

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

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