#CCCFC1 - #8C9A6E | 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 #CCCFC1 a #8C9A6E

#CCCFC1 #8C9A6E

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

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

0.0%	0.0% #CCCFC1	RGB 204 207 193	#CCCFC1
16.7%	16.7% #C1C6B3	RGB 193 198 179	#C1C6B3
33.3%	33.3% #B6BDA5	RGB 182 189 165	#B6BDA5
50.0%	50.0% #ACB497	RGB 172 180 151	#ACB497
66.7%	66.7% #A1AB89	RGB 161 171 137	#A1AB89
83.3%	83.3% #96A27B	RGB 150 162 123	#96A27B
100.0%	100.0% #8C9A6E	RGB 140 154 110	#8C9A6E

#CCCFC1 #C1C6B3 #B6BDA5 #ACB497 #A1AB89 #96A27B #8C9A6E

#CCCFC1 - #8C9A6E

Miscela HSV

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

0.0%	0.0% #CCCFC1	RGB 204 207 193	#CCCFC1
16.7%	16.7% #C1C6B1	RGB 193 198 177	#C1C6B1
33.3%	33.3% #B6BDA2	RGB 182 189 162	#B6BDA2
50.0%	50.0% #ACB494	RGB 172 180 148	#ACB494
66.7%	66.7% #A1AB87	RGB 161 171 135	#A1AB87
83.3%	83.3% #96A27A	RGB 150 162 122	#96A27A
100.0%	100.0% #8C9A6E	RGB 140 154 110	#8C9A6E

#CCCFC1 #C1C6B1 #B6BDA2 #ACB494 #A1AB87 #96A27A #8C9A6E

#CCCFC1 - #ACB494 - #8C9A6E

Codici CSS

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

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