#9DA600 - #FFDF33 | 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 #FFDF33

#9DA600 #FFDF33

Calcule el color entre dos colores, #9DA600 y #FFDF33. 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 - #FFDF33 | 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 #FFDF33 como 100%.

0.0%	0.0% #9DA600	RGB 157 166 0	#9DA600
16.7%	16.7% #ADAF08	RGB 173 175 8	#ADAF08
33.3%	33.3% #BDB911	RGB 189 185 17	#BDB911
50.0%	50.0% #CEC219	RGB 206 194 25	#CEC219
66.7%	66.7% #DECC22	RGB 222 204 34	#DECC22
83.3%	83.3% #EED52A	RGB 238 213 42	#EED52A
100.0%	100.0% #FFDF33	RGB 255 223 51	#FFDF33

#9DA600 #ADAF08 #BDB911 #CEC219 #DECC22 #EED52A #FFDF33

#9DA600 - #FFDF33

Mezcla HSV

#9DA600 - #FFDF33 | 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 #FFDF33 como 100%.

0.0%	0.0% #9DA600	RGB 157 166 0	#9DA600
16.7%	16.7% #B1B406	RGB 177 180 6	#B1B406
33.3%	33.3% #C3C00D	RGB 195 192 13	#C3C00D
50.0%	50.0% #D2C815	RGB 210 200 21	#D2C815
66.7%	66.7% #E1D01E	RGB 225 208 30	#E1D01E
83.3%	83.3% #F0D728	RGB 240 215 40	#F0D728
100.0%	100.0% #FFDF33	RGB 255 223 51	#FFDF33

#9DA600 #B1B406 #C3C00D #D2C815 #E1D01E #F0D728 #FFDF33

#9DA600 - #D2C815 - #FFDF33

Códigos CSS

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

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