#FFF0FF - #EEA3E9 | 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 #FFF0FF a #EEA3E9

#FFF0FF #EEA3E9

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

#FFF0FF - #EEA3E9 | 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 #FFF0FF como 0% y #EEA3E9 como 100%.

0.0%	0.0% #FFF0FF	RGB 255 240 255	#FFF0FF
16.7%	16.7% #FCE3FB	RGB 252 227 251	#FCE3FB
33.3%	33.3% #F9D6F7	RGB 249 214 247	#F9D6F7
50.0%	50.0% #F6C9F4	RGB 246 201 244	#F6C9F4
66.7%	66.7% #F3BCF0	RGB 243 188 240	#F3BCF0
83.3%	83.3% #F0AFEC	RGB 240 175 236	#F0AFEC
100.0%	100.0% #EEA3E9	RGB 238 163 233	#EEA3E9

#FFF0FF #FCE3FB #F9D6F7 #F6C9F4 #F3BCF0 #F0AFEC #EEA3E9

#FFF0FF - #EEA3E9

Mezcla HSV

#FFF0FF - #EEA3E9 | 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 #FFF0FF como 0% y #EEA3E9 como 100%.

0.0%	0.0% #FFF0FF	RGB 255 240 255	#FFF0FF
16.7%	16.7% #FCE2FB	RGB 252 226 251	#FCE2FB
33.3%	33.3% #F9D5F8	RGB 249 213 248	#F9D5F8
50.0%	50.0% #F6C8F4	RGB 246 200 244	#F6C8F4
66.7%	66.7% #F3BBF1	RGB 243 187 241	#F3BBF1
83.3%	83.3% #F0AFED	RGB 240 175 237	#F0AFED
100.0%	100.0% #EEA3E9	RGB 238 163 233	#EEA3E9

#FFF0FF #FCE2FB #F9D5F8 #F6C8F4 #F3BBF1 #F0AFED #EEA3E9

#FFF0FF - #F6C8F4 - #EEA3E9

Códigos CSS

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

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