#CCCDC7 - #8A9675 | 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 #CCCDC7 a #8A9675

#CCCDC7 #8A9675

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

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

0.0%	0.0% #CCCDC7	RGB 204 205 199	#CCCDC7
16.7%	16.7% #C1C3B9	RGB 193 195 185	#C1C3B9
33.3%	33.3% #B6BAAB	RGB 182 186 171	#B6BAAB
50.0%	50.0% #ABB19E	RGB 171 177 158	#ABB19E
66.7%	66.7% #A0A890	RGB 160 168 144	#A0A890
83.3%	83.3% #959F82	RGB 149 159 130	#959F82
100.0%	100.0% #8A9675	RGB 138 150 117	#8A9675

#CCCDC7 #C1C3B9 #B6BAAB #ABB19E #A0A890 #959F82 #8A9675

#CCCDC7 - #8A9675

Miscela HSV

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

0.0%	0.0% #CCCDC7	RGB 204 205 199	#CCCDC7
16.7%	16.7% #C1C3B7	RGB 193 195 183	#C1C3B7
33.3%	33.3% #B6BAA9	RGB 182 186 169	#B6BAA9
50.0%	50.0% #ABB19B	RGB 171 177 155	#ABB19B
66.7%	66.7% #A0A88E	RGB 160 168 142	#A0A88E
83.3%	83.3% #959F81	RGB 149 159 129	#959F81
100.0%	100.0% #8A9675	RGB 138 150 117	#8A9675

#CCCDC7 #C1C3B7 #B6BAA9 #ABB19B #A0A88E #959F81 #8A9675

#CCCDC7 - #ABB19B - #8A9675

Codici CSS

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

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