#DFB5FD - #F5E9FE | 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 #DFB5FD a #F5E9FE

#DFB5FD #F5E9FE

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

#DFB5FD - #F5E9FE | 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 #DFB5FD como 0% y #F5E9FE como 100%.

0.0%	0.0% #DFB5FD	RGB 223 181 253	#DFB5FD
16.7%	16.7% #E2BDFD	RGB 226 189 253	#E2BDFD
33.3%	33.3% #E6C6FD	RGB 230 198 253	#E6C6FD
50.0%	50.0% #EACFFD	RGB 234 207 253	#EACFFD
66.7%	66.7% #EDD7FD	RGB 237 215 253	#EDD7FD
83.3%	83.3% #F1E0FD	RGB 241 224 253	#F1E0FD
100.0%	100.0% #F5E9FE	RGB 245 233 254	#F5E9FE

#DFB5FD #E2BDFD #E6C6FD #EACFFD #EDD7FD #F1E0FD #F5E9FE

#DFB5FD - #F5E9FE

Mezcla HSV

#DFB5FD - #F5E9FE | 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 #DFB5FD como 0% y #F5E9FE como 100%.

0.0%	0.0% #DFB5FD	RGB 223 181 253	#DFB5FD
16.7%	16.7% #E2BDFD	RGB 226 189 253	#E2BDFD
33.3%	33.3% #E6C6FD	RGB 230 198 253	#E6C6FD
50.0%	50.0% #E9CEFD	RGB 233 206 253	#E9CEFD
66.7%	66.7% #EDD7FD	RGB 237 215 253	#EDD7FD
83.3%	83.3% #F1E0FD	RGB 241 224 253	#F1E0FD
100.0%	100.0% #F5E9FE	RGB 245 233 254	#F5E9FE

#DFB5FD #E2BDFD #E6C6FD #E9CEFD #EDD7FD #F1E0FD #F5E9FE

#DFB5FD - #E9CEFD - #F5E9FE

Códigos CSS

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

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