#CEC9C7 - #DBDEE9 | 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 #CEC9C7 a #DBDEE9

#CEC9C7 #DBDEE9

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

#CEC9C7 - #DBDEE9 | 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 #CEC9C7 como 0% y #DBDEE9 como 100%.

0.0%	0.0% #CEC9C7	RGB 206 201 199	#CEC9C7
16.7%	16.7% #D0CCCC	RGB 208 204 204	#D0CCCC
33.3%	33.3% #D2D0D2	RGB 210 208 210	#D2D0D2
50.0%	50.0% #D4D3D8	RGB 212 211 216	#D4D3D8
66.7%	66.7% #D6D7DD	RGB 214 215 221	#D6D7DD
83.3%	83.3% #D8DAE3	RGB 216 218 227	#D8DAE3
100.0%	100.0% #DBDEE9	RGB 219 222 233	#DBDEE9

#CEC9C7 #D0CCCC #D2D0D2 #D4D3D8 #D6D7DD #D8DAE3 #DBDEE9

#CEC9C7 - #DBDEE9

Mezcla HSV

#CEC9C7 - #DBDEE9 | 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 #CEC9C7 como 0% y #DBDEE9 como 100%.

0.0%	0.0% #CEC9C7	RGB 206 201 199	#CEC9C7
16.7%	16.7% #D2CACB	RGB 210 202 203	#D2CACB
33.3%	33.3% #D7CDD2	RGB 215 205 210	#D7CDD2
50.0%	50.0% #DBD1DB	RGB 219 209 219	#DBD1DB
66.7%	66.7% #DBD4E0	RGB 219 212 224	#DBD4E0
83.3%	83.3% #DAD7E4	RGB 218 215 228	#DAD7E4
100.0%	100.0% #DBDEE9	RGB 219 222 233	#DBDEE9

#CEC9C7 #D2CACB #D7CDD2 #DBD1DB #DBD4E0 #DAD7E4 #DBDEE9

#CEC9C7 - #DBD1DB - #DBDEE9

Códigos CSS

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

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