#E3E5E8 - #FFE4E3 | 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 #E3E5E8 a #FFE4E3

#E3E5E8 #FFE4E3

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

#E3E5E8 - #FFE4E3 | 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 #E3E5E8 como 0% y #FFE4E3 como 100%.

0.0%	0.0% #E3E5E8	RGB 227 229 232	#E3E5E8
16.7%	16.7% #E7E4E7	RGB 231 228 231	#E7E4E7
33.3%	33.3% #ECE4E6	RGB 236 228 230	#ECE4E6
50.0%	50.0% #F1E4E5	RGB 241 228 229	#F1E4E5
66.7%	66.7% #F5E4E4	RGB 245 228 228	#F5E4E4
83.3%	83.3% #FAE4E3	RGB 250 228 227	#FAE4E3
100.0%	100.0% #FFE4E3	RGB 255 228 227	#FFE4E3

#E3E5E8 #E7E4E7 #ECE4E6 #F1E4E5 #F5E4E4 #FAE4E3 #FFE4E3

#E3E5E8 - #FFE4E3

Mezcla HSV

#E3E5E8 - #FFE4E3 | 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 #E3E5E8 como 0% y #FFE4E3 como 100%.

0.0%	0.0% #E3E5E8	RGB 227 229 232	#E3E5E8
16.7%	16.7% #E3E3EB	RGB 227 227 235	#E3E3EB
33.3%	33.3% #E8E3EF	RGB 232 227 239	#E8E3EF
50.0%	50.0% #F0E3F3	RGB 240 227 243	#F0E3F3
66.7%	66.7% #F7E3F2	RGB 247 227 242	#F7E3F2
83.3%	83.3% #FBE3EC	RGB 251 227 236	#FBE3EC
100.0%	100.0% #FFE4E3	RGB 255 228 227	#FFE4E3

#E3E5E8 #E3E3EB #E8E3EF #F0E3F3 #F7E3F2 #FBE3EC #FFE4E3

#E3E5E8 - #F0E3F3 - #FFE4E3

Códigos CSS

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

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