#C2BFB4 - #EDECE9 | 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 #C2BFB4 a #EDECE9

#C2BFB4 #EDECE9

Calcule el color entre dos colores, #C2BFB4 y #EDECE9. 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)

#C2BFB4 - #EDECE9 | 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 #C2BFB4 como 0% y #EDECE9 como 100%.

0.0%	0.0% #C2BFB4	RGB 194 191 180	#C2BFB4
16.7%	16.7% #C9C6BC	RGB 201 198 188	#C9C6BC
33.3%	33.3% #D0CEC5	RGB 208 206 197	#D0CEC5
50.0%	50.0% #D7D5CE	RGB 215 213 206	#D7D5CE
66.7%	66.7% #DEDDD7	RGB 222 221 215	#DEDDD7
83.3%	83.3% #E5E4E0	RGB 229 228 224	#E5E4E0
100.0%	100.0% #EDECE9	RGB 237 236 233	#EDECE9

#C2BFB4 #C9C6BC #D0CEC5 #D7D5CE #DEDDD7 #E5E4E0 #EDECE9

#C2BFB4 - #EDECE9

Mezcla HSV

#C2BFB4 - #EDECE9 | 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 #C2BFB4 como 0% y #EDECE9 como 100%.

0.0%	0.0% #C2BFB4	RGB 194 191 180	#C2BFB4
16.7%	16.7% #C9C6BC	RGB 201 198 188	#C9C6BC
33.3%	33.3% #D0CDC5	RGB 208 205 197	#D0CDC5
50.0%	50.0% #D7D5CD	RGB 215 213 205	#D7D5CD
66.7%	66.7% #DEDCD6	RGB 222 220 214	#DEDCD6
83.3%	83.3% #E5E4DF	RGB 229 228 223	#E5E4DF
100.0%	100.0% #EDECE9	RGB 237 236 233	#EDECE9

#C2BFB4 #C9C6BC #D0CDC5 #D7D5CD #DEDCD6 #E5E4DF #EDECE9

#C2BFB4 - #D7D5CD - #EDECE9

Códigos CSS

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

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