#ECE2FF - #FFF8F3 | 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 #ECE2FF a #FFF8F3

#ECE2FF #FFF8F3

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

#ECE2FF - #FFF8F3 | 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 #ECE2FF como 0% y #FFF8F3 como 100%.

0.0%	0.0% #ECE2FF	RGB 236 226 255	#ECE2FF
16.7%	16.7% #EFE5FD	RGB 239 229 253	#EFE5FD
33.3%	33.3% #F2E9FB	RGB 242 233 251	#F2E9FB
50.0%	50.0% #F5EDF9	RGB 245 237 249	#F5EDF9
66.7%	66.7% #F8F0F7	RGB 248 240 247	#F8F0F7
83.3%	83.3% #FBF4F5	RGB 251 244 245	#FBF4F5
100.0%	100.0% #FFF8F3	RGB 255 248 243	#FFF8F3

#ECE2FF #EFE5FD #F2E9FB #F5EDF9 #F8F0F7 #FBF4F5 #FFF8F3

#ECE2FF - #FFF8F3

Mezcla HSV

#ECE2FF - #FFF8F3 | 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 #ECE2FF como 0% y #FFF8F3 como 100%.

0.0%	0.0% #ECE2FF	RGB 236 226 255	#ECE2FF
16.7%	16.7% #F6E4FF	RGB 246 228 255	#F6E4FF
33.3%	33.3% #FFE7FE	RGB 255 231 254	#FFE7FE
50.0%	50.0% #FFEAF7	RGB 255 234 247	#FFEAF7
66.7%	66.7% #FFEDF2	RGB 255 237 242	#FFEDF2
83.3%	83.3% #FFF1F0	RGB 255 241 240	#FFF1F0
100.0%	100.0% #FFF8F3	RGB 255 248 243	#FFF8F3

#ECE2FF #F6E4FF #FFE7FE #FFEAF7 #FFEDF2 #FFF1F0 #FFF8F3

#ECE2FF - #FFEAF7 - #FFF8F3

Códigos CSS

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

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