#C9CCC3 - #849870 | 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 #C9CCC3 a #849870

#C9CCC3 #849870

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

#C9CCC3 - #849870 | 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 #C9CCC3 come 0% e #849870 come 100%.

0.0%	0.0% #C9CCC3	RGB 201 204 195	#C9CCC3
16.7%	16.7% #BDC3B5	RGB 189 195 181	#BDC3B5
33.3%	33.3% #B2BAA7	RGB 178 186 167	#B2BAA7
50.0%	50.0% #A6B299	RGB 166 178 153	#A6B299
66.7%	66.7% #9BA98B	RGB 155 169 139	#9BA98B
83.3%	83.3% #8FA07D	RGB 143 160 125	#8FA07D
100.0%	100.0% #849870	RGB 132 152 112	#849870

#C9CCC3 #BDC3B5 #B2BAA7 #A6B299 #9BA98B #8FA07D #849870

#C9CCC3 - #849870

Miscela HSV

#C9CCC3 - #849870 | 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 #C9CCC3 come 0% e #849870 come 100%.

0.0%	0.0% #C9CCC3	RGB 201 204 195	#C9CCC3
16.7%	16.7% #BDC3B3	RGB 189 195 179	#BDC3B3
33.3%	33.3% #B2BAA4	RGB 178 186 164	#B2BAA4
50.0%	50.0% #A6B296	RGB 166 178 150	#A6B296
66.7%	66.7% #9BA989	RGB 155 169 137	#9BA989
83.3%	83.3% #8FA07C	RGB 143 160 124	#8FA07C
100.0%	100.0% #849870	RGB 132 152 112	#849870

#C9CCC3 #BDC3B3 #B2BAA4 #A6B296 #9BA989 #8FA07C #849870

#C9CCC3 - #A6B296 - #849870

Codici CSS

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

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