#5E5E18 - #DEA134 | 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 #5E5E18 a #DEA134

#5E5E18 #DEA134

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

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

0.0%	0.0% #5E5E18	RGB 94 94 24	#5E5E18
16.7%	16.7% #73691C	RGB 115 105 28	#73691C
33.3%	33.3% #887421	RGB 136 116 33	#887421
50.0%	50.0% #9E7F26	RGB 158 127 38	#9E7F26
66.7%	66.7% #B38A2A	RGB 179 138 42	#B38A2A
83.3%	83.3% #C8952F	RGB 200 149 47	#C8952F
100.0%	100.0% #DEA134	RGB 222 161 52	#DEA134

#5E5E18 #73691C #887421 #9E7F26 #B38A2A #C8952F #DEA134

#5E5E18 - #DEA134

Mezcla HSV

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

0.0%	0.0% #5E5E18	RGB 94 94 24	#5E5E18
16.7%	16.7% #736E1D	RGB 115 110 29	#736E1D
33.3%	33.3% #887C21	RGB 136 124 33	#887C21
50.0%	50.0% #9E8826	RGB 158 136 38	#9E8826
66.7%	66.7% #B3922B	RGB 179 146 43	#B3922B
83.3%	83.3% #C89A2F	RGB 200 154 47	#C89A2F
100.0%	100.0% #DEA134	RGB 222 161 52	#DEA134

#5E5E18 #736E1D #887C21 #9E8826 #B3922B #C89A2F #DEA134

#5E5E18 - #9E8826 - #DEA134

Códigos CSS

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

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