#ECE6B0 - #CEBA5A | 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 #ECE6B0 a #CEBA5A

#ECE6B0 #CEBA5A

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

#ECE6B0 - #CEBA5A | 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 #ECE6B0 como 0% y #CEBA5A como 100%.

0.0%	0.0% #ECE6B0	RGB 236 230 176	#ECE6B0
16.7%	16.7% #E7DEA1	RGB 231 222 161	#E7DEA1
33.3%	33.3% #E2D793	RGB 226 215 147	#E2D793
50.0%	50.0% #DDD085	RGB 221 208 133	#DDD085
66.7%	66.7% #D8C876	RGB 216 200 118	#D8C876
83.3%	83.3% #D3C168	RGB 211 193 104	#D3C168
100.0%	100.0% #CEBA5A	RGB 206 186 90	#CEBA5A

#ECE6B0 #E7DEA1 #E2D793 #DDD085 #D8C876 #D3C168 #CEBA5A

#ECE6B0 - #CEBA5A

Mezcla HSV

#ECE6B0 - #CEBA5A | 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 #ECE6B0 como 0% y #CEBA5A como 100%.

0.0%	0.0% #ECE6B0	RGB 236 230 176	#ECE6B0
16.7%	16.7% #E7DFA0	RGB 231 223 160	#E7DFA0
33.3%	33.3% #E2D791	RGB 226 215 145	#E2D791
50.0%	50.0% #DDD082	RGB 221 208 130	#DDD082
66.7%	66.7% #D8C974	RGB 216 201 116	#D8C974
83.3%	83.3% #D3C167	RGB 211 193 103	#D3C167
100.0%	100.0% #CEBA5A	RGB 206 186 90	#CEBA5A

#ECE6B0 #E7DFA0 #E2D791 #DDD082 #D8C974 #D3C167 #CEBA5A

#ECE6B0 - #DDD082 - #CEBA5A

Códigos CSS

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

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