#DDB5E9 - #FFECDF | 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 #DDB5E9 a #FFECDF

#DDB5E9 #FFECDF

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

#DDB5E9 - #FFECDF | 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 #DDB5E9 como 0% y #FFECDF como 100%.

0.0%	0.0% #DDB5E9	RGB 221 181 233	#DDB5E9
16.7%	16.7% #E2BEE7	RGB 226 190 231	#E2BEE7
33.3%	33.3% #E8C7E5	RGB 232 199 229	#E8C7E5
50.0%	50.0% #EED0E4	RGB 238 208 228	#EED0E4
66.7%	66.7% #F3D9E2	RGB 243 217 226	#F3D9E2
83.3%	83.3% #F9E2E0	RGB 249 226 224	#F9E2E0
100.0%	100.0% #FFECDF	RGB 255 236 223	#FFECDF

#DDB5E9 #E2BEE7 #E8C7E5 #EED0E4 #F3D9E2 #F9E2E0 #FFECDF

#DDB5E9 - #FFECDF

Mezcla HSV

#DDB5E9 - #FFECDF | 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 #DDB5E9 como 0% y #FFECDF como 100%.

0.0%	0.0% #DDB5E9	RGB 221 181 233	#DDB5E9
16.7%	16.7% #ECBBEA	RGB 236 187 234	#ECBBEA
33.3%	33.3% #F0C2E1	RGB 240 194 225	#F0C2E1
50.0%	50.0% #F4C9DA	RGB 244 201 218	#F4C9DA
66.7%	66.7% #F7D0D5	RGB 247 208 213	#F7D0D5
83.3%	83.3% #FBDCD7	RGB 251 220 215	#FBDCD7
100.0%	100.0% #FFECDF	RGB 255 236 223	#FFECDF

#DDB5E9 #ECBBEA #F0C2E1 #F4C9DA #F7D0D5 #FBDCD7 #FFECDF

#DDB5E9 - #F4C9DA - #FFECDF

Códigos CSS

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

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