#FCF0FF - #E7A8EB | 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 #FCF0FF a #E7A8EB

#FCF0FF #E7A8EB

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

#FCF0FF - #E7A8EB | 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 #FCF0FF como 0% y #E7A8EB como 100%.

0.0%	0.0% #FCF0FF	RGB 252 240 255	#FCF0FF
16.7%	16.7% #F8E4FB	RGB 248 228 251	#F8E4FB
33.3%	33.3% #F5D8F8	RGB 245 216 248	#F5D8F8
50.0%	50.0% #F1CCF5	RGB 241 204 245	#F1CCF5
66.7%	66.7% #EEC0F1	RGB 238 192 241	#EEC0F1
83.3%	83.3% #EAB4EE	RGB 234 180 238	#EAB4EE
100.0%	100.0% #E7A8EB	RGB 231 168 235	#E7A8EB

#FCF0FF #F8E4FB #F5D8F8 #F1CCF5 #EEC0F1 #EAB4EE #E7A8EB

#FCF0FF - #E7A8EB

Mezcla HSV

#FCF0FF - #E7A8EB | 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 #FCF0FF como 0% y #E7A8EB como 100%.

0.0%	0.0% #FCF0FF	RGB 252 240 255	#FCF0FF
16.7%	16.7% #F7E3FB	RGB 247 227 251	#F7E3FB
33.3%	33.3% #F3D6F8	RGB 243 214 248	#F3D6F8
50.0%	50.0% #EFCAF5	RGB 239 202 245	#EFCAF5
66.7%	66.7% #ECBEF1	RGB 236 190 241	#ECBEF1
83.3%	83.3% #E9B3EE	RGB 233 179 238	#E9B3EE
100.0%	100.0% #E7A8EB	RGB 231 168 235	#E7A8EB

#FCF0FF #F7E3FB #F3D6F8 #EFCAF5 #ECBEF1 #E9B3EE #E7A8EB

#FCF0FF - #EFCAF5 - #E7A8EB

Códigos CSS

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

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