#CCD0A2 - #8F9E4D | 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 #CCD0A2 a #8F9E4D

#CCD0A2 #8F9E4D

Calcola il colore tra due colori, #CCD0A2 e #8F9E4D. 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)

#CCD0A2 - #8F9E4D | 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 #CCD0A2 come 0% e #8F9E4D come 100%.

0.0%	0.0% #CCD0A2	RGB 204 208 162	#CCD0A2
16.7%	16.7% #C1C793	RGB 193 199 147	#C1C793
33.3%	33.3% #B7BF85	RGB 183 191 133	#B7BF85
50.0%	50.0% #ADB777	RGB 173 183 119	#ADB777
66.7%	66.7% #A3AE69	RGB 163 174 105	#A3AE69
83.3%	83.3% #99A65B	RGB 153 166 91	#99A65B
100.0%	100.0% #8F9E4D	RGB 143 158 77	#8F9E4D

#CCD0A2 #C1C793 #B7BF85 #ADB777 #A3AE69 #99A65B #8F9E4D

#CCD0A2 - #8F9E4D

Miscela HSV

#CCD0A2 - #8F9E4D | 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 #CCD0A2 come 0% e #8F9E4D come 100%.

0.0%	0.0% #CCD0A2	RGB 204 208 162	#CCD0A2
16.7%	16.7% #C2C791	RGB 194 199 145	#C2C791
33.3%	33.3% #B8BF82	RGB 184 191 130	#B8BF82
50.0%	50.0% #ADB773	RGB 173 183 115	#ADB773
66.7%	66.7% #A3AE66	RGB 163 174 102	#A3AE66
83.3%	83.3% #99A659	RGB 153 166 89	#99A659
100.0%	100.0% #8F9E4D	RGB 143 158 77	#8F9E4D

#CCD0A2 #C2C791 #B8BF82 #ADB773 #A3AE66 #99A659 #8F9E4D

#CCD0A2 - #ADB773 - #8F9E4D

Codici CSS

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

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