#00913A - #002910 | 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 #00913A a #002910

#00913A #002910

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

#00913A - #002910 | 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 #00913A como 0% y #002910 como 100%.

0.0%	0.0% #00913A	RGB 0 145 58	#00913A
16.7%	16.7% #007F33	RGB 0 127 51	#007F33
33.3%	33.3% #006E2C	RGB 0 110 44	#006E2C
50.0%	50.0% #005D25	RGB 0 93 37	#005D25
66.7%	66.7% #004B1E	RGB 0 75 30	#004B1E
83.3%	83.3% #003A17	RGB 0 58 23	#003A17
100.0%	100.0% #002910	RGB 0 41 16	#002910

#00913A #007F33 #006E2C #005D25 #004B1E #003A17 #002910

#00913A - #002910

Mezcla HSV

#00913A - #002910 | 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 #00913A como 0% y #002910 como 100%.

0.0%	0.0% #00913A	RGB 0 145 58	#00913A
16.7%	16.7% #007F32	RGB 0 127 50	#007F32
33.3%	33.3% #006E2B	RGB 0 110 43	#006E2B
50.0%	50.0% #005D24	RGB 0 93 36	#005D24
66.7%	66.7% #004B1D	RGB 0 75 29	#004B1D
83.3%	83.3% #003A16	RGB 0 58 22	#003A16
100.0%	100.0% #002910	RGB 0 41 16	#002910

#00913A #007F32 #006E2B #005D24 #004B1D #003A16 #002910

#00913A - #005D24 - #002910

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00913A 0%, #005D24 50%, #002910 100%);
    background: -webkit-linear-gradient(top, #00913A 0%, #005D24 50%, #002910 100%);
    background: linear-gradient(to bottom, #00913A 0%, #005D24 50%, #002910 100%);
}
</style>