#99CB32 - #2B3A0E | 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 #99CB32 a #2B3A0E

#99CB32 #2B3A0E

Calcule el color entre dos colores, #99CB32 y #2B3A0E. 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)

#99CB32 - #2B3A0E | 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 #99CB32 como 0% y #2B3A0E como 100%.

0.0%	0.0% #99CB32	RGB 153 203 50	#99CB32
16.7%	16.7% #86B22C	RGB 134 178 44	#86B22C
33.3%	33.3% #749A26	RGB 116 154 38	#749A26
50.0%	50.0% #628220	RGB 98 130 32	#628220
66.7%	66.7% #4F6A1A	RGB 79 106 26	#4F6A1A
83.3%	83.3% #3D5214	RGB 61 82 20	#3D5214
100.0%	100.0% #2B3A0E	RGB 43 58 14	#2B3A0E

#99CB32 #86B22C #749A26 #628220 #4F6A1A #3D5214 #2B3A0E

#99CB32 - #2B3A0E

Mezcla HSV

#99CB32 - #2B3A0E | 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 #99CB32 como 0% y #2B3A0E como 100%.

0.0%	0.0% #99CB32	RGB 153 203 50	#99CB32
16.7%	16.7% #86B22B	RGB 134 178 43	#86B22B
33.3%	33.3% #739A25	RGB 115 154 37	#739A25
50.0%	50.0% #61821F	RGB 97 130 31	#61821F
66.7%	66.7% #4F6A19	RGB 79 106 25	#4F6A19
83.3%	83.3% #3D5213	RGB 61 82 19	#3D5213
100.0%	100.0% #2B3A0E	RGB 43 58 14	#2B3A0E

#99CB32 #86B22B #739A25 #61821F #4F6A19 #3D5213 #2B3A0E

#99CB32 - #61821F - #2B3A0E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #99CB32 0%, #61821F 50%, #2B3A0E 100%);
    background: -webkit-linear-gradient(top, #99CB32 0%, #61821F 50%, #2B3A0E 100%);
    background: linear-gradient(to bottom, #99CB32 0%, #61821F 50%, #2B3A0E 100%);
}
</style>