#C8CABB - #EDEFD1 | 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 #C8CABB a #EDEFD1

#C8CABB #EDEFD1

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

#C8CABB - #EDEFD1 | 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 #C8CABB como 0% y #EDEFD1 como 100%.

0.0%	0.0% #C8CABB	RGB 200 202 187	#C8CABB
16.7%	16.7% #CED0BE	RGB 206 208 190	#CED0BE
33.3%	33.3% #D4D6C2	RGB 212 214 194	#D4D6C2
50.0%	50.0% #DADCC6	RGB 218 220 198	#DADCC6
66.7%	66.7% #E0E2C9	RGB 224 226 201	#E0E2C9
83.3%	83.3% #E6E8CD	RGB 230 232 205	#E6E8CD
100.0%	100.0% #EDEFD1	RGB 237 239 209	#EDEFD1

#C8CABB #CED0BE #D4D6C2 #DADCC6 #E0E2C9 #E6E8CD #EDEFD1

#C8CABB - #EDEFD1

Mezcla HSV

#C8CABB - #EDEFD1 | 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 #C8CABB como 0% y #EDEFD1 como 100%.

0.0%	0.0% #C8CABB	RGB 200 202 187	#C8CABB
16.7%	16.7% #CED0BE	RGB 206 208 190	#CED0BE
33.3%	33.3% #D4D6C2	RGB 212 214 194	#D4D6C2
50.0%	50.0% #DADCC6	RGB 218 220 198	#DADCC6
66.7%	66.7% #E0E2CA	RGB 224 226 202	#E0E2CA
83.3%	83.3% #E6E8CD	RGB 230 232 205	#E6E8CD
100.0%	100.0% #EDEFD1	RGB 237 239 209	#EDEFD1

#C8CABB #CED0BE #D4D6C2 #DADCC6 #E0E2CA #E6E8CD #EDEFD1

#C8CABB - #DADCC6 - #EDEFD1

Códigos CSS

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

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