#5E861E - #EECE4B | 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 #5E861E a #EECE4B

#5E861E #EECE4B

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

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

0.0%	0.0% #5E861E	RGB 94 134 30	#5E861E
16.7%	16.7% #769225	RGB 118 146 37	#769225
33.3%	33.3% #8E9E2D	RGB 142 158 45	#8E9E2D
50.0%	50.0% #A6AA34	RGB 166 170 52	#A6AA34
66.7%	66.7% #BEB63C	RGB 190 182 60	#BEB63C
83.3%	83.3% #D6C243	RGB 214 194 67	#D6C243
100.0%	100.0% #EECE4B	RGB 238 206 75	#EECE4B

#5E861E #769225 #8E9E2D #A6AA34 #BEB63C #D6C243 #EECE4B

#5E861E - #EECE4B

Mezcla HSV

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

0.0%	0.0% #5E861E	RGB 94 134 30	#5E861E
16.7%	16.7% #769724	RGB 118 151 36	#769724
33.3%	33.3% #90A82A	RGB 144 168 42	#90A82A
50.0%	50.0% #ADBA32	RGB 173 186 50	#ADBA32
66.7%	66.7% #CBCA39	RGB 203 202 57	#CBCA39
83.3%	83.3% #DCCD42	RGB 220 205 66	#DCCD42
100.0%	100.0% #EECE4B	RGB 238 206 75	#EECE4B

#5E861E #769724 #90A82A #ADBA32 #CBCA39 #DCCD42 #EECE4B

#5E861E - #ADBA32 - #EECE4B

Códigos CSS

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

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