#00A16B - #007036 | 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 #00A16B a #007036

#00A16B #007036

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

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

0.0%	0.0% #00A16B	RGB 0 161 107	#00A16B
16.7%	16.7% #009862	RGB 0 152 98	#009862
33.3%	33.3% #009059	RGB 0 144 89	#009059
50.0%	50.0% #008850	RGB 0 136 80	#008850
66.7%	66.7% #008047	RGB 0 128 71	#008047
83.3%	83.3% #00783E	RGB 0 120 62	#00783E
100.0%	100.0% #007036	RGB 0 112 54	#007036

#00A16B #009862 #009059 #008850 #008047 #00783E #007036

#00A16B - #007036

Mezcla HSV

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

0.0%	0.0% #00A16B	RGB 0 161 107	#00A16B
16.7%	16.7% #009860	RGB 0 152 96	#009860
33.3%	33.3% #009057	RGB 0 144 87	#009057
50.0%	50.0% #00884E	RGB 0 136 78	#00884E
66.7%	66.7% #008045	RGB 0 128 69	#008045
83.3%	83.3% #00783D	RGB 0 120 61	#00783D
100.0%	100.0% #007036	RGB 0 112 54	#007036

#00A16B #009860 #009057 #00884E #008045 #00783D #007036

#00A16B - #00884E - #007036

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00A16B 0%, #00884E 50%, #007036 100%);
    background: -webkit-linear-gradient(top, #00A16B 0%, #00884E 50%, #007036 100%);
    background: linear-gradient(to bottom, #00A16B 0%, #00884E 50%, #007036 100%);
}
</style>