#F5E5E1 - #E5A694 | 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 #F5E5E1 a #E5A694

#F5E5E1 #E5A694

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

#F5E5E1 - #E5A694 | 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 #F5E5E1 como 0% y #E5A694 como 100%.

0.0%	0.0% #F5E5E1	RGB 245 229 225	#F5E5E1
16.7%	16.7% #F2DAD4	RGB 242 218 212	#F2DAD4
33.3%	33.3% #EFD0C7	RGB 239 208 199	#EFD0C7
50.0%	50.0% #EDC5BA	RGB 237 197 186	#EDC5BA
66.7%	66.7% #EABBAD	RGB 234 187 173	#EABBAD
83.3%	83.3% #E7B0A0	RGB 231 176 160	#E7B0A0
100.0%	100.0% #E5A694	RGB 229 166 148	#E5A694

#F5E5E1 #F2DAD4 #EFD0C7 #EDC5BA #EABBAD #E7B0A0 #E5A694

#F5E5E1 - #E5A694

Mezcla HSV

#F5E5E1 - #E5A694 | 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 #F5E5E1 como 0% y #E5A694 como 100%.

0.0%	0.0% #F5E5E1	RGB 245 229 225	#F5E5E1
16.7%	16.7% #F2D9D3	RGB 242 217 211	#F2D9D3
33.3%	33.3% #EFCEC6	RGB 239 206 198	#EFCEC6
50.0%	50.0% #EDC4B9	RGB 237 196 185	#EDC4B9
66.7%	66.7% #EAB9AC	RGB 234 185 172	#EAB9AC
83.3%	83.3% #E7AFA0	RGB 231 175 160	#E7AFA0
100.0%	100.0% #E5A694	RGB 229 166 148	#E5A694

#F5E5E1 #F2D9D3 #EFCEC6 #EDC4B9 #EAB9AC #E7AFA0 #E5A694

#F5E5E1 - #EDC4B9 - #E5A694

Códigos CSS

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

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