#E8E7E2 - #FEF7EC | 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 #E8E7E2 a #FEF7EC

#E8E7E2 #FEF7EC

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

#E8E7E2 - #FEF7EC | 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 #E8E7E2 como 0% y #FEF7EC como 100%.

0.0%	0.0% #E8E7E2	RGB 232 231 226	#E8E7E2
16.7%	16.7% #EBE9E3	RGB 235 233 227	#EBE9E3
33.3%	33.3% #EFECE5	RGB 239 236 229	#EFECE5
50.0%	50.0% #F3EFE7	RGB 243 239 231	#F3EFE7
66.7%	66.7% #F6F1E8	RGB 246 241 232	#F6F1E8
83.3%	83.3% #FAF4EA	RGB 250 244 234	#FAF4EA
100.0%	100.0% #FEF7EC	RGB 254 247 236	#FEF7EC

#E8E7E2 #EBE9E3 #EFECE5 #F3EFE7 #F6F1E8 #FAF4EA #FEF7EC

#E8E7E2 - #FEF7EC

Mezcla HSV

#E8E7E2 - #FEF7EC | 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 #E8E7E2 como 0% y #FEF7EC como 100%.

0.0%	0.0% #E8E7E2	RGB 232 231 226	#E8E7E2
16.7%	16.7% #EBEAE3	RGB 235 234 227	#EBEAE3
33.3%	33.3% #EFECE5	RGB 239 236 229	#EFECE5
50.0%	50.0% #F3EFE7	RGB 243 239 231	#F3EFE7
66.7%	66.7% #F6F2E8	RGB 246 242 232	#F6F2E8
83.3%	83.3% #FAF4EA	RGB 250 244 234	#FAF4EA
100.0%	100.0% #FEF7EC	RGB 254 247 236	#FEF7EC

#E8E7E2 #EBEAE3 #EFECE5 #F3EFE7 #F6F2E8 #FAF4EA #FEF7EC

#E8E7E2 - #F3EFE7 - #FEF7EC

Códigos CSS

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

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