#E5E3E6 - #FFF2DB | 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 #E5E3E6 a #FFF2DB

#E5E3E6 #FFF2DB

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

#E5E3E6 - #FFF2DB | 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 #E5E3E6 como 0% y #FFF2DB como 100%.

0.0%	0.0% #E5E3E6	RGB 229 227 230	#E5E3E6
16.7%	16.7% #E9E5E4	RGB 233 229 228	#E9E5E4
33.3%	33.3% #EDE8E2	RGB 237 232 226	#EDE8E2
50.0%	50.0% #F2EAE0	RGB 242 234 224	#F2EAE0
66.7%	66.7% #F6EDDE	RGB 246 237 222	#F6EDDE
83.3%	83.3% #FAEFDC	RGB 250 239 220	#FAEFDC
100.0%	100.0% #FFF2DB	RGB 255 242 219	#FFF2DB

#E5E3E6 #E9E5E4 #EDE8E2 #F2EAE0 #F6EDDE #FAEFDC #FFF2DB

#E5E3E6 - #FFF2DB

Mezcla HSV

#E5E3E6 - #FFF2DB | 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 #E5E3E6 como 0% y #FFF2DB como 100%.

0.0%	0.0% #E5E3E6	RGB 229 227 230	#E5E3E6
16.7%	16.7% #EAE2EA	RGB 234 226 234	#EAE2EA
33.3%	33.3% #EEE1EA	RGB 238 225 234	#EEE1EA
50.0%	50.0% #F2DFE6	RGB 242 223 230	#F2DFE6
66.7%	66.7% #F6DEDE	RGB 246 222 222	#F6DEDE
83.3%	83.3% #FAE6DC	RGB 250 230 220	#FAE6DC
100.0%	100.0% #FFF2DB	RGB 255 242 219	#FFF2DB

#E5E3E6 #EAE2EA #EEE1EA #F2DFE6 #F6DEDE #FAE6DC #FFF2DB

#E5E3E6 - #F2DFE6 - #FFF2DB

Códigos CSS

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

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