#E5E4DF - #ACA98D | 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 #E5E4DF a #ACA98D

#E5E4DF #ACA98D

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

#E5E4DF - #ACA98D | 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 #E5E4DF como 0% y #ACA98D como 100%.

0.0%	0.0% #E5E4DF	RGB 229 228 223	#E5E4DF
16.7%	16.7% #DBDAD1	RGB 219 218 209	#DBDAD1
33.3%	33.3% #D2D0C3	RGB 210 208 195	#D2D0C3
50.0%	50.0% #C8C6B6	RGB 200 198 182	#C8C6B6
66.7%	66.7% #BFBCA8	RGB 191 188 168	#BFBCA8
83.3%	83.3% #B5B29A	RGB 181 178 154	#B5B29A
100.0%	100.0% #ACA98D	RGB 172 169 141	#ACA98D

#E5E4DF #DBDAD1 #D2D0C3 #C8C6B6 #BFBCA8 #B5B29A #ACA98D

#E5E4DF - #ACA98D

Mezcla HSV

#E5E4DF - #ACA98D | 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 #E5E4DF como 0% y #ACA98D como 100%.

0.0%	0.0% #E5E4DF	RGB 229 228 223	#E5E4DF
16.7%	16.7% #DBD9D0	RGB 219 217 208	#DBD9D0
33.3%	33.3% #D2CFC1	RGB 210 207 193	#D2CFC1
50.0%	50.0% #C8C5B3	RGB 200 197 179	#C8C5B3
66.7%	66.7% #BFBCA6	RGB 191 188 166	#BFBCA6
83.3%	83.3% #B5B299	RGB 181 178 153	#B5B299
100.0%	100.0% #ACA98D	RGB 172 169 141	#ACA98D

#E5E4DF #DBD9D0 #D2CFC1 #C8C5B3 #BFBCA6 #B5B299 #ACA98D

#E5E4DF - #C8C5B3 - #ACA98D

Códigos CSS

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

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