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

#00A642 #00761B

Calcule el color entre dos colores, #00A642 y #00761B. 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 - #00761B | 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 #00761B 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% #009635	RGB 0 150 53	#009635
50.0%	50.0% #008E2E	RGB 0 142 46	#008E2E
66.7%	66.7% #008628	RGB 0 134 40	#008628
83.3%	83.3% #007E21	RGB 0 126 33	#007E21
100.0%	100.0% #00761B	RGB 0 118 27	#00761B

#00A642 #009E3B #009635 #008E2E #008628 #007E21 #00761B

#00A642 - #00761B

Mezcla HSV

#00A642 - #00761B | 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 #00761B 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% #009633	RGB 0 150 51	#009633
50.0%	50.0% #008E2C	RGB 0 142 44	#008E2C
66.7%	66.7% #008626	RGB 0 134 38	#008626
83.3%	83.3% #007E20	RGB 0 126 32	#007E20
100.0%	100.0% #00761B	RGB 0 118 27	#00761B

#00A641 #009E3A #009633 #008E2C #008626 #007E20 #00761B

#00A642 - #008E2C - #00761B

Códigos CSS

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

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