#C3C0B4 - #EDEDE9 | 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 #EDEDE9

#C3C0B4 #EDEDE9

Calcule el color entre dos colores, #C3C0B4 y #EDEDE9. 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 - #EDEDE9 | 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 #EDEDE9 como 100%.

0.0%	0.0% #C3C0B4	RGB 195 192 180	#C3C0B4
16.7%	16.7% #CAC7BC	RGB 202 199 188	#CAC7BC
33.3%	33.3% #D1CFC5	RGB 209 207 197	#D1CFC5
50.0%	50.0% #D8D6CE	RGB 216 214 206	#D8D6CE
66.7%	66.7% #DFDED7	RGB 223 222 215	#DFDED7
83.3%	83.3% #E6E5E0	RGB 230 229 224	#E6E5E0
100.0%	100.0% #EDEDE9	RGB 237 237 233	#EDEDE9

#C3C0B4 #CAC7BC #D1CFC5 #D8D6CE #DFDED7 #E6E5E0 #EDEDE9

#C3C0B4 - #EDEDE9

Mezcla HSV

#C3C0B4 - #EDEDE9 | 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 #EDEDE9 como 100%.

0.0%	0.0% #C3C0B4	RGB 195 192 180	#C3C0B4
16.7%	16.7% #CAC7BC	RGB 202 199 188	#CAC7BC
33.3%	33.3% #D1CFC5	RGB 209 207 197	#D1CFC5
50.0%	50.0% #D8D6CD	RGB 216 214 205	#D8D6CD
66.7%	66.7% #DFDED6	RGB 223 222 214	#DFDED6
83.3%	83.3% #E6E5DF	RGB 230 229 223	#E6E5DF
100.0%	100.0% #EDEDE9	RGB 237 237 233	#EDEDE9

#C3C0B4 #CAC7BC #D1CFC5 #D8D6CD #DFDED6 #E6E5DF #EDEDE9

#C3C0B4 - #D8D6CD - #EDEDE9

Códigos CSS

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

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