#4B5E00 - #392A00 | 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 #4B5E00 a #392A00

#4B5E00 #392A00

Calcule el color entre dos colores, #4B5E00 y #392A00. 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)

#4B5E00 - #392A00 | 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 #4B5E00 como 0% y #392A00 como 100%.

0.0%	0.0% #4B5E00	RGB 75 94 0	#4B5E00
16.7%	16.7% #485500	RGB 72 85 0	#485500
33.3%	33.3% #454C00	RGB 69 76 0	#454C00
50.0%	50.0% #424400	RGB 66 68 0	#424400
66.7%	66.7% #3F3B00	RGB 63 59 0	#3F3B00
83.3%	83.3% #3C3200	RGB 60 50 0	#3C3200
100.0%	100.0% #392A00	RGB 57 42 0	#392A00

#4B5E00 #485500 #454C00 #424400 #3F3B00 #3C3200 #392A00

#4B5E00 - #392A00

Mezcla HSV

#4B5E00 - #392A00 | 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 #4B5E00 como 0% y #392A00 como 100%.

0.0%	0.0% #4B5E00	RGB 75 94 0	#4B5E00
16.7%	16.7% #4C5700	RGB 76 87 0	#4C5700
33.3%	33.3% #4D5100	RGB 77 81 0	#4D5100
50.0%	50.0% #4B4900	RGB 75 73 0	#4B4900
66.7%	66.7% #453D00	RGB 69 61 0	#453D00
83.3%	83.3% #3F3300	RGB 63 51 0	#3F3300
100.0%	100.0% #392A00	RGB 57 42 0	#392A00

#4B5E00 #4C5700 #4D5100 #4B4900 #453D00 #3F3300 #392A00

#4B5E00 - #4B4900 - #392A00

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4B5E00 0%, #4B4900 50%, #392A00 100%);
    background: -webkit-linear-gradient(top, #4B5E00 0%, #4B4900 50%, #392A00 100%);
    background: linear-gradient(to bottom, #4B5E00 0%, #4B4900 50%, #392A00 100%);
}
</style>