#D0BEFF - #FFEFF1 | 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 #D0BEFF a #FFEFF1

#D0BEFF #FFEFF1

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

#D0BEFF - #FFEFF1 | 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 #D0BEFF como 0% y #FFEFF1 como 100%.

0.0%	0.0% #D0BEFF	RGB 208 190 255	#D0BEFF
16.7%	16.7% #D7C6FC	RGB 215 198 252	#D7C6FC
33.3%	33.3% #DFCEFA	RGB 223 206 250	#DFCEFA
50.0%	50.0% #E7D6F8	RGB 231 214 248	#E7D6F8
66.7%	66.7% #EFDEF5	RGB 239 222 245	#EFDEF5
83.3%	83.3% #F7E6F3	RGB 247 230 243	#F7E6F3
100.0%	100.0% #FFEFF1	RGB 255 239 241	#FFEFF1

#D0BEFF #D7C6FC #DFCEFA #E7D6F8 #EFDEF5 #F7E6F3 #FFEFF1

#D0BEFF - #FFEFF1

Mezcla HSV

#D0BEFF - #FFEFF1 | 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 #D0BEFF como 0% y #FFEFF1 como 100%.

0.0%	0.0% #D0BEFF	RGB 208 190 255	#D0BEFF
16.7%	16.7% #E5C6FF	RGB 229 198 255	#E5C6FF
33.3%	33.3% #F5CEFF	RGB 245 206 255	#F5CEFF
50.0%	50.0% #FFD6FB	RGB 255 214 251	#FFD6FB
66.7%	66.7% #FFDEF3	RGB 255 222 243	#FFDEF3
83.3%	83.3% #FFE6F0	RGB 255 230 240	#FFE6F0
100.0%	100.0% #FFEFF1	RGB 255 239 241	#FFEFF1

#D0BEFF #E5C6FF #F5CEFF #FFD6FB #FFDEF3 #FFE6F0 #FFEFF1

#D0BEFF - #FFD6FB - #FFEFF1

Códigos CSS

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

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