#E5E4E3 - #AB9F93 | 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 #E5E4E3 a #AB9F93

#E5E4E3 #AB9F93

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

#E5E4E3 - #AB9F93 | 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 #E5E4E3 como 0% y #AB9F93 como 100%.

0.0%	0.0% #E5E4E3	RGB 229 228 227	#E5E4E3
16.7%	16.7% #DBD8D5	RGB 219 216 213	#DBD8D5
33.3%	33.3% #D1CDC8	RGB 209 205 200	#D1CDC8
50.0%	50.0% #C8C1BB	RGB 200 193 187	#C8C1BB
66.7%	66.7% #BEB6AD	RGB 190 182 173	#BEB6AD
83.3%	83.3% #B4AAA0	RGB 180 170 160	#B4AAA0
100.0%	100.0% #AB9F93	RGB 171 159 147	#AB9F93

#E5E4E3 #DBD8D5 #D1CDC8 #C8C1BB #BEB6AD #B4AAA0 #AB9F93

#E5E4E3 - #AB9F93

Mezcla HSV

#E5E4E3 - #AB9F93 | 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 #E5E4E3 como 0% y #AB9F93 como 100%.

0.0%	0.0% #E5E4E3	RGB 229 228 227	#E5E4E3
16.7%	16.7% #DBD7D4	RGB 219 215 212	#DBD7D4
33.3%	33.3% #D1CCC6	RGB 209 204 198	#D1CCC6
50.0%	50.0% #C8C0B9	RGB 200 192 185	#C8C0B9
66.7%	66.7% #BEB5AB	RGB 190 181 171	#BEB5AB
83.3%	83.3% #B4A99F	RGB 180 169 159	#B4A99F
100.0%	100.0% #AB9F93	RGB 171 159 147	#AB9F93

#E5E4E3 #DBD7D4 #D1CCC6 #C8C0B9 #BEB5AB #B4A99F #AB9F93

#E5E4E3 - #C8C0B9 - #AB9F93

Códigos CSS

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

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