#938D6B - #ECB68D | 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 #938D6B a #ECB68D

#938D6B #ECB68D

Calcule el color entre dos colores, #938D6B y #ECB68D. 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)

#938D6B - #ECB68D | 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 #938D6B como 0% y #ECB68D como 100%.

0.0%	0.0% #938D6B	RGB 147 141 107	#938D6B
16.7%	16.7% #A19370	RGB 161 147 112	#A19370
33.3%	33.3% #B09A76	RGB 176 154 118	#B09A76
50.0%	50.0% #BFA17C	RGB 191 161 124	#BFA17C
66.7%	66.7% #CEA881	RGB 206 168 129	#CEA881
83.3%	83.3% #DDAF87	RGB 221 175 135	#DDAF87
100.0%	100.0% #ECB68D	RGB 236 182 141	#ECB68D

#938D6B #A19370 #B09A76 #BFA17C #CEA881 #DDAF87 #ECB68D

#938D6B - #ECB68D

Mezcla HSV

#938D6B - #ECB68D | 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 #938D6B como 0% y #ECB68D como 100%.

0.0%	0.0% #938D6B	RGB 147 141 107	#938D6B
16.7%	16.7% #A19772	RGB 161 151 114	#A19772
33.3%	33.3% #B0A078	RGB 176 160 120	#B0A078
50.0%	50.0% #BFA87E	RGB 191 168 126	#BFA87E
66.7%	66.7% #CEAE84	RGB 206 174 132	#CEAE84
83.3%	83.3% #DDB388	RGB 221 179 136	#DDB388
100.0%	100.0% #ECB68D	RGB 236 182 141	#ECB68D

#938D6B #A19772 #B0A078 #BFA87E #CEAE84 #DDB388 #ECB68D

#938D6B - #BFA87E - #ECB68D

Códigos CSS

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

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