#E3E3E3 - #FFF7FD | 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 #E3E3E3 a #FFF7FD

#E3E3E3 #FFF7FD

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

#E3E3E3 - #FFF7FD | 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 #E3E3E3 como 0% y #FFF7FD como 100%.

0.0%	0.0% #E3E3E3	RGB 227 227 227	#E3E3E3
16.7%	16.7% #E7E6E7	RGB 231 230 231	#E7E6E7
33.3%	33.3% #ECE9EB	RGB 236 233 235	#ECE9EB
50.0%	50.0% #F1EDF0	RGB 241 237 240	#F1EDF0
66.7%	66.7% #F5F0F4	RGB 245 240 244	#F5F0F4
83.3%	83.3% #FAF3F8	RGB 250 243 248	#FAF3F8
100.0%	100.0% #FFF7FD	RGB 255 247 253	#FFF7FD

#E3E3E3 #E7E6E7 #ECE9EB #F1EDF0 #F5F0F4 #FAF3F8 #FFF7FD

#E3E3E3 - #FFF7FD

Mezcla HSV

#E3E3E3 - #FFF7FD | 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 #E3E3E3 como 0% y #FFF7FD como 100%.

0.0%	0.0% #E3E3E3	RGB 227 227 227	#E3E3E3
16.7%	16.7% #E7E6E6	RGB 231 230 230	#E7E6E6
33.3%	33.3% #ECE9EA	RGB 236 233 234	#ECE9EA
50.0%	50.0% #F1EDEE	RGB 241 237 238	#F1EDEE
66.7%	66.7% #F5F0F3	RGB 245 240 243	#F5F0F3
83.3%	83.3% #FAF3F7	RGB 250 243 247	#FAF3F7
100.0%	100.0% #FFF7FD	RGB 255 247 253	#FFF7FD

#E3E3E3 #E7E6E6 #ECE9EA #F1EDEE #F5F0F3 #FAF3F7 #FFF7FD

#E3E3E3 - #F1EDEE - #FFF7FD

Códigos CSS

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

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