#CDB5E3 - #FFE9DA | 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 #CDB5E3 a #FFE9DA

#CDB5E3 #FFE9DA

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

#CDB5E3 - #FFE9DA | 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 #CDB5E3 como 0% y #FFE9DA como 100%.

0.0%	0.0% #CDB5E3	RGB 205 181 227	#CDB5E3
16.7%	16.7% #D5BDE1	RGB 213 189 225	#D5BDE1
33.3%	33.3% #DDC6E0	RGB 221 198 224	#DDC6E0
50.0%	50.0% #E6CFDE	RGB 230 207 222	#E6CFDE
66.7%	66.7% #EED7DD	RGB 238 215 221	#EED7DD
83.3%	83.3% #F6E0DB	RGB 246 224 219	#F6E0DB
100.0%	100.0% #FFE9DA	RGB 255 233 218	#FFE9DA

#CDB5E3 #D5BDE1 #DDC6E0 #E6CFDE #EED7DD #F6E0DB #FFE9DA

#CDB5E3 - #FFE9DA

Mezcla HSV

#CDB5E3 - #FFE9DA | 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 #CDB5E3 como 0% y #FFE9DA como 100%.

0.0%	0.0% #CDB5E3	RGB 205 181 227	#CDB5E3
16.7%	16.7% #E0BAE7	RGB 224 186 231	#E0BAE7
33.3%	33.3% #ECC0E5	RGB 236 192 229	#ECC0E5
50.0%	50.0% #F1C7DD	RGB 241 199 221	#F1C7DD
66.7%	66.7% #F5CDD6	RGB 245 205 214	#F5CDD6
83.3%	83.3% #FAD7D3	RGB 250 215 211	#FAD7D3
100.0%	100.0% #FFE9DA	RGB 255 233 218	#FFE9DA

#CDB5E3 #E0BAE7 #ECC0E5 #F1C7DD #F5CDD6 #FAD7D3 #FFE9DA

#CDB5E3 - #F1C7DD - #FFE9DA

Códigos CSS

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

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