#FAF8FF - #DEE6FE | 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 #FAF8FF a #DEE6FE

#FAF8FF #DEE6FE

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

#FAF8FF - #DEE6FE | 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 #FAF8FF como 0% y #DEE6FE como 100%.

0.0%	0.0% #FAF8FF	RGB 250 248 255	#FAF8FF
16.7%	16.7% #F5F5FE	RGB 245 245 254	#F5F5FE
33.3%	33.3% #F0F2FE	RGB 240 242 254	#F0F2FE
50.0%	50.0% #ECEFFE	RGB 236 239 254	#ECEFFE
66.7%	66.7% #E7ECFE	RGB 231 236 254	#E7ECFE
83.3%	83.3% #E2E9FE	RGB 226 233 254	#E2E9FE
100.0%	100.0% #DEE6FE	RGB 222 230 254	#DEE6FE

#FAF8FF #F5F5FE #F0F2FE #ECEFFE #E7ECFE #E2E9FE #DEE6FE

#FAF8FF - #DEE6FE

Mezcla HSV

#FAF8FF - #DEE6FE | 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 #FAF8FF como 0% y #DEE6FE como 100%.

0.0%	0.0% #FAF8FF	RGB 250 248 255	#FAF8FF
16.7%	16.7% #F5F3FE	RGB 245 243 254	#F5F3FE
33.3%	33.3% #F0EFFE	RGB 240 239 254	#F0EFFE
50.0%	50.0% #EBEAFE	RGB 235 234 254	#EBEAFE
66.7%	66.7% #E6E8FE	RGB 230 232 254	#E6E8FE
83.3%	83.3% #E2E6FE	RGB 226 230 254	#E2E6FE
100.0%	100.0% #DEE6FE	RGB 222 230 254	#DEE6FE

#FAF8FF #F5F3FE #F0EFFE #EBEAFE #E6E8FE #E2E6FE #DEE6FE

#FAF8FF - #EBEAFE - #DEE6FE

Códigos CSS

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

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