#CECCCA - #898176 | 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 #CECCCA a #898176

#CECCCA #898176

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

#CECCCA - #898176 | 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 #CECCCA come 0% e #898176 come 100%.

0.0%	0.0% #CECCCA	RGB 206 204 202	#CECCCA
16.7%	16.7% #C2BFBC	RGB 194 191 188	#C2BFBC
33.3%	33.3% #B7B3AE	RGB 183 179 174	#B7B3AE
50.0%	50.0% #ABA6A0	RGB 171 166 160	#ABA6A0
66.7%	66.7% #A09A92	RGB 160 154 146	#A09A92
83.3%	83.3% #948D84	RGB 148 141 132	#948D84
100.0%	100.0% #898176	RGB 137 129 118	#898176

#CECCCA #C2BFBC #B7B3AE #ABA6A0 #A09A92 #948D84 #898176

#CECCCA - #898176

Miscela HSV

#CECCCA - #898176 | 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 #CECCCA come 0% e #898176 come 100%.

0.0%	0.0% #CECCCA	RGB 206 204 202	#CECCCA
16.7%	16.7% #C2BEBA	RGB 194 190 186	#C2BEBA
33.3%	33.3% #B7B1AC	RGB 183 177 172	#B7B1AC
50.0%	50.0% #ABA59D	RGB 171 165 157	#ABA59D
66.7%	66.7% #A09890	RGB 160 152 144	#A09890
83.3%	83.3% #948C82	RGB 148 140 130	#948C82
100.0%	100.0% #898176	RGB 137 129 118	#898176

#CECCCA #C2BEBA #B7B1AC #ABA59D #A09890 #948C82 #898176

#CECCCA - #ABA59D - #898176

Codici CSS

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

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