#CDD0D4 - #E5E6DD | 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 #CDD0D4 a #E5E6DD

#CDD0D4 #E5E6DD

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

#CDD0D4 - #E5E6DD | 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 #CDD0D4 como 0% y #E5E6DD como 100%.

0.0%	0.0% #CDD0D4	RGB 205 208 212	#CDD0D4
16.7%	16.7% #D1D3D5	RGB 209 211 213	#D1D3D5
33.3%	33.3% #D5D7D7	RGB 213 215 215	#D5D7D7
50.0%	50.0% #D9DBD8	RGB 217 219 216	#D9DBD8
66.7%	66.7% #DDDEDA	RGB 221 222 218	#DDDEDA
83.3%	83.3% #E1E2DB	RGB 225 226 219	#E1E2DB
100.0%	100.0% #E5E6DD	RGB 229 230 221	#E5E6DD

#CDD0D4 #D1D3D5 #D5D7D7 #D9DBD8 #DDDEDA #E1E2DB #E5E6DD

#CDD0D4 - #E5E6DD

Mezcla HSV

#CDD0D4 - #E5E6DD | 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 #CDD0D4 como 0% y #E5E6DD como 100%.

0.0%	0.0% #CDD0D4	RGB 205 208 212	#CDD0D4
16.7%	16.7% #CFD5D7	RGB 207 213 215	#CFD5D7
33.3%	33.3% #D2DAD8	RGB 210 218 216	#D2DAD8
50.0%	50.0% #D5DDD7	RGB 213 221 215	#D5DDD7
66.7%	66.7% #D8E0D7	RGB 216 224 215	#D8E0D7
83.3%	83.3% #DEE3DA	RGB 222 227 218	#DEE3DA
100.0%	100.0% #E5E6DD	RGB 229 230 221	#E5E6DD

#CDD0D4 #CFD5D7 #D2DAD8 #D5DDD7 #D8E0D7 #DEE3DA #E5E6DD

#CDD0D4 - #D5DDD7 - #E5E6DD

Códigos CSS

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

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