#EAD2FF - #F9F2FF | 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 #EAD2FF a #F9F2FF

#EAD2FF #F9F2FF

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

#EAD2FF - #F9F2FF | 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 #EAD2FF como 0% y #F9F2FF como 100%.

0.0%	0.0% #EAD2FF	RGB 234 210 255	#EAD2FF
16.7%	16.7% #ECD7FF	RGB 236 215 255	#ECD7FF
33.3%	33.3% #EFDCFF	RGB 239 220 255	#EFDCFF
50.0%	50.0% #F1E2FF	RGB 241 226 255	#F1E2FF
66.7%	66.7% #F4E7FF	RGB 244 231 255	#F4E7FF
83.3%	83.3% #F6ECFF	RGB 246 236 255	#F6ECFF
100.0%	100.0% #F9F2FF	RGB 249 242 255	#F9F2FF

#EAD2FF #ECD7FF #EFDCFF #F1E2FF #F4E7FF #F6ECFF #F9F2FF

#EAD2FF - #F9F2FF

Mezcla HSV

#EAD2FF - #F9F2FF | 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 #EAD2FF como 0% y #F9F2FF como 100%.

0.0%	0.0% #EAD2FF	RGB 234 210 255	#EAD2FF
16.7%	16.7% #ECD7FF	RGB 236 215 255	#ECD7FF
33.3%	33.3% #EFDCFF	RGB 239 220 255	#EFDCFF
50.0%	50.0% #F1E2FF	RGB 241 226 255	#F1E2FF
66.7%	66.7% #F4E7FF	RGB 244 231 255	#F4E7FF
83.3%	83.3% #F6ECFF	RGB 246 236 255	#F6ECFF
100.0%	100.0% #F9F2FF	RGB 249 242 255	#F9F2FF

#EAD2FF #ECD7FF #EFDCFF #F1E2FF #F4E7FF #F6ECFF #F9F2FF

#EAD2FF - #F1E2FF - #F9F2FF

Códigos CSS

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

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