#CCC1A8 - #997E3C | 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 #CCC1A8 a #997E3C

#CCC1A8 #997E3C

Calcola il colore tra due colori, #CCC1A8 e #997E3C. 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)

#CCC1A8 - #997E3C | 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 #CCC1A8 come 0% e #997E3C come 100%.

0.0%	0.0% #CCC1A8	RGB 204 193 168	#CCC1A8
16.7%	16.7% #C3B596	RGB 195 181 150	#C3B596
33.3%	33.3% #BBAA84	RGB 187 170 132	#BBAA84
50.0%	50.0% #B29F72	RGB 178 159 114	#B29F72
66.7%	66.7% #AA9460	RGB 170 148 96	#AA9460
83.3%	83.3% #A1894E	RGB 161 137 78	#A1894E
100.0%	100.0% #997E3C	RGB 153 126 60	#997E3C

#CCC1A8 #C3B596 #BBAA84 #B29F72 #AA9460 #A1894E #997E3C

#CCC1A8 - #997E3C

Miscela HSV

#CCC1A8 - #997E3C | 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 #CCC1A8 come 0% e #997E3C come 100%.

0.0%	0.0% #CCC1A8	RGB 204 193 168	#CCC1A8
16.7%	16.7% #C3B492	RGB 195 180 146	#C3B492
33.3%	33.3% #BBA97F	RGB 187 169 127	#BBA97F
50.0%	50.0% #B29D6C	RGB 178 157 108	#B29D6C
66.7%	66.7% #AA925B	RGB 170 146 91	#AA925B
83.3%	83.3% #A1884A	RGB 161 136 74	#A1884A
100.0%	100.0% #997E3C	RGB 153 126 60	#997E3C

#CCC1A8 #C3B492 #BBA97F #B29D6C #AA925B #A1884A #997E3C

#CCC1A8 - #B29D6C - #997E3C

Codici CSS

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

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