#009600 - #B7E1B6 | 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 #009600 a #B7E1B6

#009600 #B7E1B6

Calcule el color entre dos colores, #009600 y #B7E1B6. 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)

#009600 - #B7E1B6 | 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 #009600 como 0% y #B7E1B6 como 100%.

0.0%	0.0% #009600	RGB 0 150 0	#009600
16.7%	16.7% #1EA21E	RGB 30 162 30	#1EA21E
33.3%	33.3% #3DAF3C	RGB 61 175 60	#3DAF3C
50.0%	50.0% #5BBB5B	RGB 91 187 91	#5BBB5B
66.7%	66.7% #7AC879	RGB 122 200 121	#7AC879
83.3%	83.3% #98D497	RGB 152 212 151	#98D497
100.0%	100.0% #B7E1B6	RGB 183 225 182	#B7E1B6

#009600 #1EA21E #3DAF3C #5BBB5B #7AC879 #98D497 #B7E1B6

#009600 - #B7E1B6

Mezcla HSV

#009600 - #B7E1B6 | 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 #009600 como 0% y #B7E1B6 como 100%.

0.0%	0.0% #009600	RGB 0 150 0	#009600
16.7%	16.7% #16A215	RGB 22 162 21	#16A215
33.3%	33.3% #30AF2F	RGB 48 175 47	#30AF2F
50.0%	50.0% #4DBB4B	RGB 77 187 75	#4DBB4B
66.7%	66.7% #6DC86B	RGB 109 200 107	#6DC86B
83.3%	83.3% #90D48F	RGB 144 212 143	#90D48F
100.0%	100.0% #B7E1B6	RGB 183 225 182	#B7E1B6

#009600 #16A215 #30AF2F #4DBB4B #6DC86B #90D48F #B7E1B6

#009600 - #4DBB4B - #B7E1B6

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #009600 0%, #4DBB4B 50%, #B7E1B6 100%);
    background: -webkit-linear-gradient(top, #009600 0%, #4DBB4B 50%, #B7E1B6 100%);
    background: linear-gradient(to bottom, #009600 0%, #4DBB4B 50%, #B7E1B6 100%);
}
</style>