#F5E7E2 - #E4AB95 | 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 #F5E7E2 a #E4AB95

#F5E7E2 #E4AB95

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

#F5E7E2 - #E4AB95 | 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 #F5E7E2 como 0% y #E4AB95 como 100%.

0.0%	0.0% #F5E7E2	RGB 245 231 226	#F5E7E2
16.7%	16.7% #F2DDD5	RGB 242 221 213	#F2DDD5
33.3%	33.3% #EFD3C8	RGB 239 211 200	#EFD3C8
50.0%	50.0% #ECC9BB	RGB 236 201 187	#ECC9BB
66.7%	66.7% #E9BFAE	RGB 233 191 174	#E9BFAE
83.3%	83.3% #E6B5A1	RGB 230 181 161	#E6B5A1
100.0%	100.0% #E4AB95	RGB 228 171 149	#E4AB95

#F5E7E2 #F2DDD5 #EFD3C8 #ECC9BB #E9BFAE #E6B5A1 #E4AB95

#F5E7E2 - #E4AB95

Mezcla HSV

#F5E7E2 - #E4AB95 | 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 #F5E7E2 como 0% y #E4AB95 como 100%.

0.0%	0.0% #F5E7E2	RGB 245 231 226	#F5E7E2
16.7%	16.7% #F2DCD4	RGB 242 220 212	#F2DCD4
33.3%	33.3% #EFD2C7	RGB 239 210 199	#EFD2C7
50.0%	50.0% #ECC7BA	RGB 236 199 186	#ECC7BA
66.7%	66.7% #E9BEAD	RGB 233 190 173	#E9BEAD
83.3%	83.3% #E6B4A1	RGB 230 180 161	#E6B4A1
100.0%	100.0% #E4AB95	RGB 228 171 149	#E4AB95

#F5E7E2 #F2DCD4 #EFD2C7 #ECC7BA #E9BEAD #E6B4A1 #E4AB95

#F5E7E2 - #ECC7BA - #E4AB95

Códigos CSS

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

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