#5E5E10 - #DFA12C | 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 #5E5E10 a #DFA12C

#5E5E10 #DFA12C

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

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

0.0%	0.0% #5E5E10	RGB 94 94 16	#5E5E10
16.7%	16.7% #736914	RGB 115 105 20	#736914
33.3%	33.3% #897419	RGB 137 116 25	#897419
50.0%	50.0% #9E7F1E	RGB 158 127 30	#9E7F1E
66.7%	66.7% #B48A22	RGB 180 138 34	#B48A22
83.3%	83.3% #C99527	RGB 201 149 39	#C99527
100.0%	100.0% #DFA12C	RGB 223 161 44	#DFA12C

#5E5E10 #736914 #897419 #9E7F1E #B48A22 #C99527 #DFA12C

#5E5E10 - #DFA12C

Mezcla HSV

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

0.0%	0.0% #5E5E0F	RGB 94 94 15	#5E5E0F
16.7%	16.7% #736D14	RGB 115 109 20	#736D14
33.3%	33.3% #897C18	RGB 137 124 24	#897C18
50.0%	50.0% #9E881D	RGB 158 136 29	#9E881D
66.7%	66.7% #B49221	RGB 180 146 33	#B49221
83.3%	83.3% #C99A26	RGB 201 154 38	#C99A26
100.0%	100.0% #DFA12C	RGB 223 161 44	#DFA12C

#5E5E0F #736D14 #897C18 #9E881D #B49221 #C99A26 #DFA12C

#5E5E10 - #9E881D - #DFA12C

Códigos CSS

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

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