#00A83D - #B6E6C7 | 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 #00A83D a #B6E6C7

#00A83D #B6E6C7

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

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

0.0%	0.0% #00A83D	RGB 0 168 61	#00A83D
16.7%	16.7% #1EB254	RGB 30 178 84	#1EB254
33.3%	33.3% #3CBC6B	RGB 60 188 107	#3CBC6B
50.0%	50.0% #5BC782	RGB 91 199 130	#5BC782
66.7%	66.7% #79D199	RGB 121 209 153	#79D199
83.3%	83.3% #97DBB0	RGB 151 219 176	#97DBB0
100.0%	100.0% #B6E6C7	RGB 182 230 199	#B6E6C7

#00A83D #1EB254 #3CBC6B #5BC782 #79D199 #97DBB0 #B6E6C7

#00A83D - #B6E6C7

Mezcla HSV

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

0.0%	0.0% #00A83C	RGB 0 168 60	#00A83C
16.7%	16.7% #17B24F	RGB 23 178 79	#17B24F
33.3%	33.3% #31BC63	RGB 49 188 99	#31BC63
50.0%	50.0% #4EC779	RGB 78 199 121	#4EC779
66.7%	66.7% #6ED191	RGB 110 209 145	#6ED191
83.3%	83.3% #90DBAB	RGB 144 219 171	#90DBAB
100.0%	100.0% #B6E6C7	RGB 182 230 199	#B6E6C7

#00A83C #17B24F #31BC63 #4EC779 #6ED191 #90DBAB #B6E6C7

#00A83D - #4EC779 - #B6E6C7

Códigos CSS

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

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