#00A642 - #00761A | 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 #00A642 a #00761A

#00A642 #00761A

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

#00A642 - #00761A | 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 #00A642 como 0% y #00761A como 100%.

0.0%	0.0% #00A642	RGB 0 166 66	#00A642
16.7%	16.7% #009E3B	RGB 0 158 59	#009E3B
33.3%	33.3% #009634	RGB 0 150 52	#009634
50.0%	50.0% #008E2E	RGB 0 142 46	#008E2E
66.7%	66.7% #008627	RGB 0 134 39	#008627
83.3%	83.3% #007E20	RGB 0 126 32	#007E20
100.0%	100.0% #00761A	RGB 0 118 26	#00761A

#00A642 #009E3B #009634 #008E2E #008627 #007E20 #00761A

#00A642 - #00761A

Mezcla HSV

#00A642 - #00761A | 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 #00A642 como 0% y #00761A como 100%.

0.0%	0.0% #00A641	RGB 0 166 65	#00A641
16.7%	16.7% #009E3A	RGB 0 158 58	#009E3A
33.3%	33.3% #009632	RGB 0 150 50	#009632
50.0%	50.0% #008E2B	RGB 0 142 43	#008E2B
66.7%	66.7% #008625	RGB 0 134 37	#008625
83.3%	83.3% #007E1F	RGB 0 126 31	#007E1F
100.0%	100.0% #00761A	RGB 0 118 26	#00761A

#00A641 #009E3A #009632 #008E2B #008625 #007E1F #00761A

#00A642 - #008E2B - #00761A

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00A641 0%, #008E2B 50%, #00761A 100%);
    background: -webkit-linear-gradient(top, #00A641 0%, #008E2B 50%, #00761A 100%);
    background: linear-gradient(to bottom, #00A641 0%, #008E2B 50%, #00761A 100%);
}
</style>