#C9BCB7 - #FFEDD0 | 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 #C9BCB7 a #FFEDD0

#C9BCB7 #FFEDD0

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

#C9BCB7 - #FFEDD0 | 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 #C9BCB7 come 0% e #FFEDD0 come 100%.

0.0%	0.0% #C9BCB7	RGB 201 188 183	#C9BCB7
16.7%	16.7% #D2C4BB	RGB 210 196 187	#D2C4BB
33.3%	33.3% #DBCCBF	RGB 219 204 191	#DBCCBF
50.0%	50.0% #E4D4C3	RGB 228 212 195	#E4D4C3
66.7%	66.7% #EDDCC7	RGB 237 220 199	#EDDCC7
83.3%	83.3% #F6E4CB	RGB 246 228 203	#F6E4CB
100.0%	100.0% #FFEDD0	RGB 255 237 208	#FFEDD0

#C9BCB7 #D2C4BB #DBCCBF #E4D4C3 #EDDCC7 #F6E4CB #FFEDD0

#C9BCB7 - #FFEDD0

Miscela HSV

#C9BCB7 - #FFEDD0 | 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 #C9BCB7 come 0% e #FFEDD0 come 100%.

0.0%	0.0% #C9BCB7	RGB 201 188 183	#C9BCB7
16.7%	16.7% #D2C3BB	RGB 210 195 187	#D2C3BB
33.3%	33.3% #DBCAC0	RGB 219 202 192	#DBCAC0
50.0%	50.0% #E4D2C4	RGB 228 210 196	#E4D2C4
66.7%	66.7% #EDDBC8	RGB 237 219 200	#EDDBC8
83.3%	83.3% #F6E3CC	RGB 246 227 204	#F6E3CC
100.0%	100.0% #FFEDD0	RGB 255 237 208	#FFEDD0

#C9BCB7 #D2C3BB #DBCAC0 #E4D2C4 #EDDBC8 #F6E3CC #FFEDD0

#C9BCB7 - #E4D2C4 - #FFEDD0

Codici CSS

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

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