#E6B2FF - #FDF9F9 | 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 #E6B2FF a #FDF9F9

#E6B2FF #FDF9F9

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

#E6B2FF - #FDF9F9 | 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 #E6B2FF como 0% y #FDF9F9 como 100%.

0.0%	0.0% #E6B2FF	RGB 230 178 255	#E6B2FF
16.7%	16.7% #E9BDFE	RGB 233 189 254	#E9BDFE
33.3%	33.3% #EDC9FD	RGB 237 201 253	#EDC9FD
50.0%	50.0% #F1D5FC	RGB 241 213 252	#F1D5FC
66.7%	66.7% #F5E1FB	RGB 245 225 251	#F5E1FB
83.3%	83.3% #F9EDFA	RGB 249 237 250	#F9EDFA
100.0%	100.0% #FDF9F9	RGB 253 249 249	#FDF9F9

#E6B2FF #E9BDFE #EDC9FD #F1D5FC #F5E1FB #F9EDFA #FDF9F9

#E6B2FF - #FDF9F9

Mezcla HSV

#E6B2FF - #FDF9F9 | 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 #E6B2FF como 0% y #FDF9F9 como 100%.

0.0%	0.0% #E6B2FF	RGB 230 178 255	#E6B2FF
16.7%	16.7% #F7BDFE	RGB 247 189 254	#F7BDFE
33.3%	33.3% #FEC9F8	RGB 254 201 248	#FEC9F8
50.0%	50.0% #FED5F0	RGB 254 213 240	#FED5F0
66.7%	66.7% #FDE1ED	RGB 253 225 237	#FDE1ED
83.3%	83.3% #FDEDF0	RGB 253 237 240	#FDEDF0
100.0%	100.0% #FDF9F9	RGB 253 249 249	#FDF9F9

#E6B2FF #F7BDFE #FEC9F8 #FED5F0 #FDE1ED #FDEDF0 #FDF9F9

#E6B2FF - #FED5F0 - #FDF9F9

Códigos CSS

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

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