#E7E2D4 - #FFF7E4 | 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 #E7E2D4 a #FFF7E4

#E7E2D4 #FFF7E4

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

#E7E2D4 - #FFF7E4 | 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 #E7E2D4 como 0% y #FFF7E4 como 100%.

0.0%	0.0% #E7E2D4	RGB 231 226 212	#E7E2D4
16.7%	16.7% #EBE5D6	RGB 235 229 214	#EBE5D6
33.3%	33.3% #EFE9D9	RGB 239 233 217	#EFE9D9
50.0%	50.0% #F3ECDC	RGB 243 236 220	#F3ECDC
66.7%	66.7% #F7F0DE	RGB 247 240 222	#F7F0DE
83.3%	83.3% #FBF3E1	RGB 251 243 225	#FBF3E1
100.0%	100.0% #FFF7E4	RGB 255 247 228	#FFF7E4

#E7E2D4 #EBE5D6 #EFE9D9 #F3ECDC #F7F0DE #FBF3E1 #FFF7E4

#E7E2D4 - #FFF7E4

Mezcla HSV

#E7E2D4 - #FFF7E4 | 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 #E7E2D4 como 0% y #FFF7E4 como 100%.

0.0%	0.0% #E7E2D4	RGB 231 226 212	#E7E2D4
16.7%	16.7% #EBE5D6	RGB 235 229 214	#EBE5D6
33.3%	33.3% #EFE9D9	RGB 239 233 217	#EFE9D9
50.0%	50.0% #F3ECDC	RGB 243 236 220	#F3ECDC
66.7%	66.7% #F7F0DE	RGB 247 240 222	#F7F0DE
83.3%	83.3% #FBF3E1	RGB 251 243 225	#FBF3E1
100.0%	100.0% #FFF7E4	RGB 255 247 228	#FFF7E4

#E7E2D4 #EBE5D6 #EFE9D9 #F3ECDC #F7F0DE #FBF3E1 #FFF7E4

#E7E2D4 - #F3ECDC - #FFF7E4

Códigos CSS

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

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