#9DA600 - #E3E5B6 | 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 #9DA600 a #E3E5B6

#9DA600 #E3E5B6

Calcule el color entre dos colores, #9DA600 y #E3E5B6. 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)

#9DA600 - #E3E5B6 | 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 #9DA600 como 0% y #E3E5B6 como 100%.

0.0%	0.0% #9DA600	RGB 157 166 0	#9DA600
16.7%	16.7% #A8B01E	RGB 168 176 30	#A8B01E
33.3%	33.3% #B4BB3C	RGB 180 187 60	#B4BB3C
50.0%	50.0% #C0C55B	RGB 192 197 91	#C0C55B
66.7%	66.7% #CBD079	RGB 203 208 121	#CBD079
83.3%	83.3% #D7DA97	RGB 215 218 151	#D7DA97
100.0%	100.0% #E3E5B6	RGB 227 229 182	#E3E5B6

#9DA600 #A8B01E #B4BB3C #C0C55B #CBD079 #D7DA97 #E3E5B6

#9DA600 - #E3E5B6

Mezcla HSV

#9DA600 - #E3E5B6 | 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 #9DA600 como 0% y #E3E5B6 como 100%.

0.0%	0.0% #9DA600	RGB 157 166 0	#9DA600
16.7%	16.7% #A8B017	RGB 168 176 23	#A8B017
33.3%	33.3% #B4BB31	RGB 180 187 49	#B4BB31
50.0%	50.0% #BFC54E	RGB 191 197 78	#BFC54E
66.7%	66.7% #CBD06E	RGB 203 208 110	#CBD06E
83.3%	83.3% #D7DA90	RGB 215 218 144	#D7DA90
100.0%	100.0% #E3E5B6	RGB 227 229 182	#E3E5B6

#9DA600 #A8B017 #B4BB31 #BFC54E #CBD06E #D7DA90 #E3E5B6

#9DA600 - #BFC54E - #E3E5B6

Códigos CSS

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

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