#C8C3BC - #EFEDEB | 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 #C8C3BC a #EFEDEB

#C8C3BC #EFEDEB

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

#C8C3BC - #EFEDEB | 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 #C8C3BC come 0% e #EFEDEB come 100%.

0.0%	0.0% #C8C3BC	RGB 200 195 188	#C8C3BC
16.7%	16.7% #CECAC3	RGB 206 202 195	#CECAC3
33.3%	33.3% #D5D1CB	RGB 213 209 203	#D5D1CB
50.0%	50.0% #DBD8D3	RGB 219 216 211	#DBD8D3
66.7%	66.7% #E2DFDB	RGB 226 223 219	#E2DFDB
83.3%	83.3% #E8E6E3	RGB 232 230 227	#E8E6E3
100.0%	100.0% #EFEDEB	RGB 239 237 235	#EFEDEB

#C8C3BC #CECAC3 #D5D1CB #DBD8D3 #E2DFDB #E8E6E3 #EFEDEB

#C8C3BC - #EFEDEB

Miscela HSV

#C8C3BC - #EFEDEB | 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 #C8C3BC come 0% e #EFEDEB come 100%.

0.0%	0.0% #C8C3BC	RGB 200 195 188	#C8C3BC
16.7%	16.7% #CEC9C3	RGB 206 201 195	#CEC9C3
33.3%	33.3% #D5D0CB	RGB 213 208 203	#D5D0CB
50.0%	50.0% #DBD7D3	RGB 219 215 211	#DBD7D3
66.7%	66.7% #E2DEDA	RGB 226 222 218	#E2DEDA
83.3%	83.3% #E8E5E2	RGB 232 229 226	#E8E5E2
100.0%	100.0% #EFEDEB	RGB 239 237 235	#EFEDEB

#C8C3BC #CEC9C3 #D5D0CB #DBD7D3 #E2DEDA #E8E5E2 #EFEDEB

#C8C3BC - #DBD7D3 - #EFEDEB

Codici CSS

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

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