#00AD40 - #B6E7C8 | 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 #00AD40 a #B6E7C8

#00AD40 #B6E7C8

Calcule el color entre dos colores, #00AD40 y #B6E7C8. 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)

#00AD40 - #B6E7C8 | 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 #00AD40 como 0% y #B6E7C8 como 100%.

0.0%	0.0% #00AD40	RGB 0 173 64	#00AD40
16.7%	16.7% #1EB656	RGB 30 182 86	#1EB656
33.3%	33.3% #3CC06D	RGB 60 192 109	#3CC06D
50.0%	50.0% #5BCA84	RGB 91 202 132	#5BCA84
66.7%	66.7% #79D39A	RGB 121 211 154	#79D39A
83.3%	83.3% #97DDB1	RGB 151 221 177	#97DDB1
100.0%	100.0% #B6E7C8	RGB 182 231 200	#B6E7C8

#00AD40 #1EB656 #3CC06D #5BCA84 #79D39A #97DDB1 #B6E7C8

#00AD40 - #B6E7C8

Mezcla HSV

#00AD40 - #B6E7C8 | 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 #00AD40 como 0% y #B6E7C8 como 100%.

0.0%	0.0% #00AD3F	RGB 0 173 63	#00AD3F
16.7%	16.7% #17B652	RGB 23 182 82	#17B652
33.3%	33.3% #32C066	RGB 50 192 102	#32C066
50.0%	50.0% #4FCA7C	RGB 79 202 124	#4FCA7C
66.7%	66.7% #6FD394	RGB 111 211 148	#6FD394
83.3%	83.3% #91DDAD	RGB 145 221 173	#91DDAD
100.0%	100.0% #B6E7C8	RGB 182 231 200	#B6E7C8

#00AD3F #17B652 #32C066 #4FCA7C #6FD394 #91DDAD #B6E7C8

#00AD40 - #4FCA7C - #B6E7C8

Códigos CSS

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

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