#C3C0B4 - #FFE9C5 | colorate

colorate es una herramienta de esquema de color para diseñadores y desarrolladores. Esta ayudará a inspirarse y servirá de recurso para su trabajo de color. Haz que este sitio sea mejor

Mezcla #C3C0B4 a #FFE9C5

#C3C0B4 #FFE9C5

Calcule el color entre dos colores, #C3C0B4 y #FFE9C5. En el cálculo de los valores RGB, la saturación entre los colores diferentes es baja. Al calcular los valores de HSV, la saturación entre los diferentes colores no es baja.

Mezcla RGB (Linear)

#C3C0B4 - #FFE9C5 | colorate

Cálculo del color entre dos colores según el valor RGB. Para colores que están distantes entre sí, la saturación entre los dos colores disminuye. Expande el color entre dos colores con #C3C0B4 como 0% y #FFE9C5 como 100%.

0.0%	0.0% #C3C0B4	RGB 195 192 180	#C3C0B4
16.7%	16.7% #CDC6B6	RGB 205 198 182	#CDC6B6
33.3%	33.3% #D7CDB9	RGB 215 205 185	#D7CDB9
50.0%	50.0% #E1D4BC	RGB 225 212 188	#E1D4BC
66.7%	66.7% #EBDBBF	RGB 235 219 191	#EBDBBF
83.3%	83.3% #F5E2C2	RGB 245 226 194	#F5E2C2
100.0%	100.0% #FFE9C5	RGB 255 233 197	#FFE9C5

#C3C0B4 #CDC6B6 #D7CDB9 #E1D4BC #EBDBBF #F5E2C2 #FFE9C5

#C3C0B4 - #FFE9C5

Mezcla HSV

#C3C0B4 - #FFE9C5 | colorate

Cálculo del color entre dos colores según el valor de HSV. Incluso entre distintos colores de color, la saturación entre los dos colores no disminuye. Expande el color entre dos colores con #C3C0B4 como 0% y #FFE9C5 como 100%.

0.0%	0.0% #C3C0B4	RGB 195 192 180	#C3C0B4
16.7%	16.7% #CDC8B8	RGB 205 200 184	#CDC8B8
33.3%	33.3% #D7CFBB	RGB 215 207 187	#D7CFBB
50.0%	50.0% #E1D7BE	RGB 225 215 190	#E1D7BE
66.7%	66.7% #EBDDC1	RGB 235 221 193	#EBDDC1
83.3%	83.3% #F5E3C3	RGB 245 227 195	#F5E3C3
100.0%	100.0% #FFE9C5	RGB 255 233 197	#FFE9C5

#C3C0B4 #CDC8B8 #D7CFBB #E1D7BE #EBDDC1 #F5E3C3 #FFE9C5

#C3C0B4 - #E1D7BE - #FFE9C5

Códigos CSS

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

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