#CDD2D9 - #E5E6E0 | 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 #CDD2D9 a #E5E6E0

#CDD2D9 #E5E6E0

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

#CDD2D9 - #E5E6E0 | 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 #CDD2D9 como 0% y #E5E6E0 como 100%.

0.0%	0.0% #CDD2D9	RGB 205 210 217	#CDD2D9
16.7%	16.7% #D1D5DA	RGB 209 213 218	#D1D5DA
33.3%	33.3% #D5D8DB	RGB 213 216 219	#D5D8DB
50.0%	50.0% #D9DCDC	RGB 217 220 220	#D9DCDC
66.7%	66.7% #DDDFDD	RGB 221 223 221	#DDDFDD
83.3%	83.3% #E1E2DE	RGB 225 226 222	#E1E2DE
100.0%	100.0% #E5E6E0	RGB 229 230 224	#E5E6E0

#CDD2D9 #D1D5DA #D5D8DB #D9DCDC #DDDFDD #E1E2DE #E5E6E0

#CDD2D9 - #E5E6E0

Mezcla HSV

#CDD2D9 - #E5E6E0 | 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 #CDD2D9 como 0% y #E5E6E0 como 100%.

0.0%	0.0% #CDD2D9	RGB 205 210 217	#CDD2D9
16.7%	16.7% #D0D9DB	RGB 208 217 219	#D0D9DB
33.3%	33.3% #D3DDDB	RGB 211 221 219	#D3DDDB
50.0%	50.0% #D6DFD9	RGB 214 223 217	#D6DFD9
66.7%	66.7% #D9E1D9	RGB 217 225 217	#D9E1D9
83.3%	83.3% #DFE3DC	RGB 223 227 220	#DFE3DC
100.0%	100.0% #E5E6E0	RGB 229 230 224	#E5E6E0

#CDD2D9 #D0D9DB #D3DDDB #D6DFD9 #D9E1D9 #DFE3DC #E5E6E0

#CDD2D9 - #D6DFD9 - #E5E6E0

Códigos CSS

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

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