#FBF0FF - #E3A8EB | 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 #FBF0FF a #E3A8EB

#FBF0FF #E3A8EB

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

#FBF0FF - #E3A8EB | 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 #FBF0FF como 0% y #E3A8EB como 100%.

0.0%	0.0% #FBF0FF	RGB 251 240 255	#FBF0FF
16.7%	16.7% #F7E4FB	RGB 247 228 251	#F7E4FB
33.3%	33.3% #F3D8F8	RGB 243 216 248	#F3D8F8
50.0%	50.0% #EFCCF5	RGB 239 204 245	#EFCCF5
66.7%	66.7% #EBC0F1	RGB 235 192 241	#EBC0F1
83.3%	83.3% #E7B4EE	RGB 231 180 238	#E7B4EE
100.0%	100.0% #E3A8EB	RGB 227 168 235	#E3A8EB

#FBF0FF #F7E4FB #F3D8F8 #EFCCF5 #EBC0F1 #E7B4EE #E3A8EB

#FBF0FF - #E3A8EB

Mezcla HSV

#FBF0FF - #E3A8EB | 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 #FBF0FF como 0% y #E3A8EB como 100%.

0.0%	0.0% #FBF0FF	RGB 251 240 255	#FBF0FF
16.7%	16.7% #F5E3FB	RGB 245 227 251	#F5E3FB
33.3%	33.3% #F1D6F8	RGB 241 214 248	#F1D6F8
50.0%	50.0% #ECCAF5	RGB 236 202 245	#ECCAF5
66.7%	66.7% #E9BEF1	RGB 233 190 241	#E9BEF1
83.3%	83.3% #E5B3EE	RGB 229 179 238	#E5B3EE
100.0%	100.0% #E3A8EB	RGB 227 168 235	#E3A8EB

#FBF0FF #F5E3FB #F1D6F8 #ECCAF5 #E9BEF1 #E5B3EE #E3A8EB

#FBF0FF - #ECCAF5 - #E3A8EB

Códigos CSS

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

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