#CECFD1 - #E5E1DA | 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 #CECFD1 a #E5E1DA

#CECFD1 #E5E1DA

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

#CECFD1 - #E5E1DA | 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 #CECFD1 como 0% y #E5E1DA como 100%.

0.0%	0.0% #CECFD1	RGB 206 207 209	#CECFD1
16.7%	16.7% #D1D2D2	RGB 209 210 210	#D1D2D2
33.3%	33.3% #D5D5D4	RGB 213 213 212	#D5D5D4
50.0%	50.0% #D9D8D5	RGB 217 216 213	#D9D8D5
66.7%	66.7% #DDDBD7	RGB 221 219 215	#DDDBD7
83.3%	83.3% #E1DED8	RGB 225 222 216	#E1DED8
100.0%	100.0% #E5E1DA	RGB 229 225 218	#E5E1DA

#CECFD1 #D1D2D2 #D5D5D4 #D9D8D5 #DDDBD7 #E1DED8 #E5E1DA

#CECFD1 - #E5E1DA

Mezcla HSV

#CECFD1 - #E5E1DA | 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 #CECFD1 como 0% y #E5E1DA como 100%.

0.0%	0.0% #CECFD1	RGB 206 207 209	#CECFD1
16.7%	16.7% #D0D0D4	RGB 208 208 212	#D0D0D4
33.3%	33.3% #D5D2D7	RGB 213 210 215	#D5D2D7
50.0%	50.0% #DBD4D9	RGB 219 212 217	#DBD4D9
66.7%	66.7% #DED6D9	RGB 222 214 217	#DED6D9
83.3%	83.3% #E1D9D8	RGB 225 217 216	#E1D9D8
100.0%	100.0% #E5E1DA	RGB 229 225 218	#E5E1DA

#CECFD1 #D0D0D4 #D5D2D7 #DBD4D9 #DED6D9 #E1D9D8 #E5E1DA

#CECFD1 - #DBD4D9 - #E5E1DA

Códigos CSS

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

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