#00A674 - #00763E | 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 #00A674 a #00763E

#00A674 #00763E

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

#00A674 - #00763E | 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 #00A674 como 0% y #00763E como 100%.

0.0%	0.0% #00A674	RGB 0 166 116	#00A674
16.7%	16.7% #009E6B	RGB 0 158 107	#009E6B
33.3%	33.3% #009662	RGB 0 150 98	#009662
50.0%	50.0% #008E59	RGB 0 142 89	#008E59
66.7%	66.7% #008650	RGB 0 134 80	#008650
83.3%	83.3% #007E47	RGB 0 126 71	#007E47
100.0%	100.0% #00763E	RGB 0 118 62	#00763E

#00A674 #009E6B #009662 #008E59 #008650 #007E47 #00763E

#00A674 - #00763E

Mezcla HSV

#00A674 - #00763E | 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 #00A674 como 0% y #00763E como 100%.

0.0%	0.0% #00A674	RGB 0 166 116	#00A674
16.7%	16.7% #009E69	RGB 0 158 105	#009E69
33.3%	33.3% #009660	RGB 0 150 96	#009660
50.0%	50.0% #008E56	RGB 0 142 86	#008E56
66.7%	66.7% #00864E	RGB 0 134 78	#00864E
83.3%	83.3% #007E45	RGB 0 126 69	#007E45
100.0%	100.0% #00763E	RGB 0 118 62	#00763E

#00A674 #009E69 #009660 #008E56 #00864E #007E45 #00763E

#00A674 - #008E56 - #00763E

Códigos CSS

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

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