#5E5E12 - #DFA12E | 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 #5E5E12 a #DFA12E

#5E5E12 #DFA12E

Calcule el color entre dos colores, #5E5E12 y #DFA12E. 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)

#5E5E12 - #DFA12E | 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 #5E5E12 como 0% y #DFA12E como 100%.

0.0%	0.0% #5E5E12	RGB 94 94 18	#5E5E12
16.7%	16.7% #736916	RGB 115 105 22	#736916
33.3%	33.3% #89741B	RGB 137 116 27	#89741B
50.0%	50.0% #9E7F20	RGB 158 127 32	#9E7F20
66.7%	66.7% #B48A24	RGB 180 138 36	#B48A24
83.3%	83.3% #C99529	RGB 201 149 41	#C99529
100.0%	100.0% #DFA12E	RGB 223 161 46	#DFA12E

#5E5E12 #736916 #89741B #9E7F20 #B48A24 #C99529 #DFA12E

#5E5E12 - #DFA12E

Mezcla HSV

#5E5E12 - #DFA12E | 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 #5E5E12 como 0% y #DFA12E como 100%.

0.0%	0.0% #5E5E11	RGB 94 94 17	#5E5E11
16.7%	16.7% #736E16	RGB 115 110 22	#736E16
33.3%	33.3% #897C1A	RGB 137 124 26	#897C1A
50.0%	50.0% #9E881F	RGB 158 136 31	#9E881F
66.7%	66.7% #B49224	RGB 180 146 36	#B49224
83.3%	83.3% #C99A29	RGB 201 154 41	#C99A29
100.0%	100.0% #DFA12E	RGB 223 161 46	#DFA12E

#5E5E11 #736E16 #897C1A #9E881F #B49224 #C99A29 #DFA12E

#5E5E12 - #9E881F - #DFA12E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5E11 0%, #9E881F 50%, #DFA12E 100%);
    background: -webkit-linear-gradient(top, #5E5E11 0%, #9E881F 50%, #DFA12E 100%);
    background: linear-gradient(to bottom, #5E5E11 0%, #9E881F 50%, #DFA12E 100%);
}
</style>