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

#DBB5E9 #FFECDF

Calcule el color entre dos colores, #DBB5E9 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)

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

0.0%	0.0% #DBB5E9	RGB 219 181 233	#DBB5E9
16.7%	16.7% #E1BEE7	RGB 225 190 231	#E1BEE7
33.3%	33.3% #E7C7E5	RGB 231 199 229	#E7C7E5
50.0%	50.0% #EDD0E4	RGB 237 208 228	#EDD0E4
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

#DBB5E9 #E1BEE7 #E7C7E5 #EDD0E4 #F3D9E2 #F9E2E0 #FFECDF

#DBB5E9 - #FFECDF

Mezcla HSV

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

0.0%	0.0% #DBB5E9	RGB 219 181 233	#DBB5E9
16.7%	16.7% #ECBBEC	RGB 236 187 236	#ECBBEC
33.3%	33.3% #F0C2E3	RGB 240 194 227	#F0C2E3
50.0%	50.0% #F4C9DB	RGB 244 201 219	#F4C9DB
66.7%	66.7% #F7D0D6	RGB 247 208 214	#F7D0D6
83.3%	83.3% #FBDCD7	RGB 251 220 215	#FBDCD7
100.0%	100.0% #FFECDF	RGB 255 236 223	#FFECDF

#DBB5E9 #ECBBEC #F0C2E3 #F4C9DB #F7D0D6 #FBDCD7 #FFECDF

#DBB5E9 - #F4C9DB - #FFECDF

Códigos CSS

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

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