#CCCFC9 - #8F806A | 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 #CCCFC9 a #8F806A

#CCCFC9 #8F806A

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

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

0.0%	0.0% #CCCFC9	RGB 204 207 201	#CCCFC9
16.7%	16.7% #C1C1B9	RGB 193 193 185	#C1C1B9
33.3%	33.3% #B7B4A9	RGB 183 180 169	#B7B4A9
50.0%	50.0% #ADA799	RGB 173 167 153	#ADA799
66.7%	66.7% #A39A89	RGB 163 154 137	#A39A89
83.3%	83.3% #998D79	RGB 153 141 121	#998D79
100.0%	100.0% #8F806A	RGB 143 128 106	#8F806A

#CCCFC9 #C1C1B9 #B7B4A9 #ADA799 #A39A89 #998D79 #8F806A

#CCCFC9 - #8F806A

Miscela HSV

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

0.0%	0.0% #CCCFC9	RGB 204 207 201	#CCCFC9
16.7%	16.7% #BFC4B7	RGB 191 196 183	#BFC4B7
33.3%	33.3% #B5B9A6	RGB 181 185 166	#B5B9A6
50.0%	50.0% #ADAF95	RGB 173 175 149	#ADAF95
66.7%	66.7% #A4A186	RGB 164 161 134	#A4A186
83.3%	83.3% #999177	RGB 153 145 119	#999177
100.0%	100.0% #8F806A	RGB 143 128 106	#8F806A

#CCCFC9 #BFC4B7 #B5B9A6 #ADAF95 #A4A186 #999177 #8F806A

#CCCFC9 - #ADAF95 - #8F806A

Codici CSS

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

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