#00A13B - #007014 | 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 #00A13B a #007014

#00A13B #007014

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

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

0.0%	0.0% #00A13B	RGB 0 161 59	#00A13B
16.7%	16.7% #009834	RGB 0 152 52	#009834
33.3%	33.3% #00902E	RGB 0 144 46	#00902E
50.0%	50.0% #008827	RGB 0 136 39	#008827
66.7%	66.7% #008021	RGB 0 128 33	#008021
83.3%	83.3% #00781A	RGB 0 120 26	#00781A
100.0%	100.0% #007014	RGB 0 112 20	#007014

#00A13B #009834 #00902E #008827 #008021 #00781A #007014

#00A13B - #007014

Mezcla HSV

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

0.0%	0.0% #00A13B	RGB 0 161 59	#00A13B
16.7%	16.7% #009833	RGB 0 152 51	#009833
33.3%	33.3% #00902B	RGB 0 144 43	#00902B
50.0%	50.0% #008825	RGB 0 136 37	#008825
66.7%	66.7% #00801E	RGB 0 128 30	#00801E
83.3%	83.3% #007819	RGB 0 120 25	#007819
100.0%	100.0% #007014	RGB 0 112 20	#007014

#00A13B #009833 #00902B #008825 #00801E #007819 #007014

#00A13B - #008825 - #007014

Códigos CSS

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

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