#CEC4A8 - #AA8853 | 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 #CEC4A8 a #AA8853

#CEC4A8 #AA8853

Calcola il colore tra due colori, #CEC4A8 e #AA8853. 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)

#CEC4A8 - #AA8853 | 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 #CEC4A8 come 0% e #AA8853 come 100%.

0.0%	0.0% #CEC4A8	RGB 206 196 168	#CEC4A8
16.7%	16.7% #C8BA99	RGB 200 186 153	#C8BA99
33.3%	33.3% #C2B08B	RGB 194 176 139	#C2B08B
50.0%	50.0% #BCA67D	RGB 188 166 125	#BCA67D
66.7%	66.7% #B69C6F	RGB 182 156 111	#B69C6F
83.3%	83.3% #B09261	RGB 176 146 97	#B09261
100.0%	100.0% #AA8853	RGB 170 136 83	#AA8853

#CEC4A8 #C8BA99 #C2B08B #BCA67D #B69C6F #B09261 #AA8853

#CEC4A8 - #AA8853

Miscela HSV

#CEC4A8 - #AA8853 | 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 #CEC4A8 come 0% e #AA8853 come 100%.

0.0%	0.0% #CEC4A8	RGB 206 196 168	#CEC4A8
16.7%	16.7% #C8BA98	RGB 200 186 152	#C8BA98
33.3%	33.3% #C2B089	RGB 194 176 137	#C2B089
50.0%	50.0% #BCA67A	RGB 188 166 122	#BCA67A
66.7%	66.7% #B69C6C	RGB 182 156 108	#B69C6C
83.3%	83.3% #B0925F	RGB 176 146 95	#B0925F
100.0%	100.0% #AA8853	RGB 170 136 83	#AA8853

#CEC4A8 #C8BA98 #C2B089 #BCA67A #B69C6C #B0925F #AA8853

#CEC4A8 - #BCA67A - #AA8853

Codici CSS

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

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