#5E7D00 - #E9C72E | 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 #5E7D00 a #E9C72E

#5E7D00 #E9C72E

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

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

0.0%	0.0% #5E7D00	RGB 94 125 0	#5E7D00
16.7%	16.7% #758907	RGB 117 137 7	#758907
33.3%	33.3% #8C950F	RGB 140 149 15	#8C950F
50.0%	50.0% #A3A217	RGB 163 162 23	#A3A217
66.7%	66.7% #BAAE1E	RGB 186 174 30	#BAAE1E
83.3%	83.3% #D1BA26	RGB 209 186 38	#D1BA26
100.0%	100.0% #E9C72E	RGB 233 199 46	#E9C72E

#5E7D00 #758907 #8C950F #A3A217 #BAAE1E #D1BA26 #E9C72E

#5E7D00 - #E9C72E

Mezcla HSV

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

0.0%	0.0% #5E7D00	RGB 94 125 0	#5E7D00
16.7%	16.7% #768F04	RGB 118 143 4	#768F04
33.3%	33.3% #91A10A	RGB 145 161 10	#91A10A
50.0%	50.0% #ADB311	RGB 173 179 17	#ADB311
66.7%	66.7% #C5BE19	RGB 197 190 25	#C5BE19
83.3%	83.3% #D7C323	RGB 215 195 35	#D7C323
100.0%	100.0% #E9C72E	RGB 233 199 46	#E9C72E

#5E7D00 #768F04 #91A10A #ADB311 #C5BE19 #D7C323 #E9C72E

#5E7D00 - #ADB311 - #E9C72E

Códigos CSS

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

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