#472A00 - #CAC2B6 | 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 #472A00 a #CAC2B6

#472A00 #CAC2B6

Calcola il colore tra due colori, #472A00 e #CAC2B6. 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)

#472A00 - #CAC2B6 | 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 #472A00 come 0% e #CAC2B6 come 100%.

0.0%	0.0% #472A00	RGB 71 42 0	#472A00
16.7%	16.7% #5C431E	RGB 92 67 30	#5C431E
33.3%	33.3% #725C3C	RGB 114 92 60	#725C3C
50.0%	50.0% #88765B	RGB 136 118 91	#88765B
66.7%	66.7% #9E8F79	RGB 158 143 121	#9E8F79
83.3%	83.3% #B4A897	RGB 180 168 151	#B4A897
100.0%	100.0% #CAC2B6	RGB 202 194 182	#CAC2B6

#472A00 #5C431E #725C3C #88765B #9E8F79 #B4A897 #CAC2B6

#472A00 - #CAC2B6

Miscela HSV

#472A00 - #CAC2B6 | 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 #472A00 come 0% e #CAC2B6 come 100%.

0.0%	0.0% #472A00	RGB 71 42 0	#472A00
16.7%	16.7% #5C3C0D	RGB 92 60 13	#5C3C0D
33.3%	33.3% #725222	RGB 114 82 34	#725222
50.0%	50.0% #886A3D	RGB 136 106 61	#886A3D
66.7%	66.7% #9E845F	RGB 158 132 95	#9E845F
83.3%	83.3% #B4A287	RGB 180 162 135	#B4A287
100.0%	100.0% #CAC2B6	RGB 202 194 182	#CAC2B6

#472A00 #5C3C0D #725222 #886A3D #9E845F #B4A287 #CAC2B6

#472A00 - #886A3D - #CAC2B6

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #472A00 0%, #886A3D 50%, #CAC2B6 100%);
    background: -webkit-linear-gradient(top, #472A00 0%, #886A3D 50%, #CAC2B6 100%);
    background: linear-gradient(to bottom, #472A00 0%, #886A3D 50%, #CAC2B6 100%);
}
</style>