#006D2B - #7BC96E | 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 #006D2B a #7BC96E

#006D2B #7BC96E

Calcule el color entre dos colores, #006D2B y #7BC96E. 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)

#006D2B - #7BC96E | 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 #006D2B como 0% y #7BC96E como 100%.

0.0%	0.0% #006D2B	RGB 0 109 43	#006D2B
16.7%	16.7% #147C36	RGB 20 124 54	#147C36
33.3%	33.3% #298B41	RGB 41 139 65	#298B41
50.0%	50.0% #3D9B4C	RGB 61 155 76	#3D9B4C
66.7%	66.7% #52AA57	RGB 82 170 87	#52AA57
83.3%	83.3% #66B962	RGB 102 185 98	#66B962
100.0%	100.0% #7BC96E	RGB 123 201 110	#7BC96E

#006D2B #147C36 #298B41 #3D9B4C #52AA57 #66B962 #7BC96E

#006D2B - #7BC96E

Mezcla HSV

#006D2B - #7BC96E | 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 #006D2B como 0% y #7BC96E como 100%.

0.0%	0.0% #006D2B	RGB 0 109 43	#006D2B
16.7%	16.7% #0B7C2D	RGB 11 124 45	#0B7C2D
33.3%	33.3% #198B32	RGB 25 139 50	#198B32
50.0%	50.0% #2A9B38	RGB 42 155 56	#2A9B38
66.7%	66.7% #3EAA42	RGB 62 170 66	#3EAA42
83.3%	83.3% #5AB954	RGB 90 185 84	#5AB954
100.0%	100.0% #7BC96E	RGB 123 201 110	#7BC96E

#006D2B #0B7C2D #198B32 #2A9B38 #3EAA42 #5AB954 #7BC96E

#006D2B - #2A9B38 - #7BC96E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #006D2B 0%, #2A9B38 50%, #7BC96E 100%);
    background: -webkit-linear-gradient(top, #006D2B 0%, #2A9B38 50%, #7BC96E 100%);
    background: linear-gradient(to bottom, #006D2B 0%, #2A9B38 50%, #7BC96E 100%);
}
</style>