#00AFA9 - #007E69 | 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 #00AFA9 a #007E69

#00AFA9 #007E69

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

#00AFA9 - #007E69 | 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 #00AFA9 como 0% y #007E69 como 100%.

0.0%	0.0% #00AFA9	RGB 0 175 169	#00AFA9
16.7%	16.7% #00A69E	RGB 0 166 158	#00A69E
33.3%	33.3% #009E93	RGB 0 158 147	#009E93
50.0%	50.0% #009689	RGB 0 150 137	#009689
66.7%	66.7% #008E7E	RGB 0 142 126	#008E7E
83.3%	83.3% #008673	RGB 0 134 115	#008673
100.0%	100.0% #007E69	RGB 0 126 105	#007E69

#00AFA9 #00A69E #009E93 #009689 #008E7E #008673 #007E69

#00AFA9 - #007E69

Mezcla HSV

#00AFA9 - #007E69 | 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 #00AFA9 como 0% y #007E69 como 100%.

0.0%	0.0% #00AFA8	RGB 0 175 168	#00AFA8
16.7%	16.7% #00A69D	RGB 0 166 157	#00A69D
33.3%	33.3% #009E92	RGB 0 158 146	#009E92
50.0%	50.0% #009687	RGB 0 150 135	#009687
66.7%	66.7% #008E7C	RGB 0 142 124	#008E7C
83.3%	83.3% #008672	RGB 0 134 114	#008672
100.0%	100.0% #007E69	RGB 0 126 105	#007E69

#00AFA8 #00A69D #009E92 #009687 #008E7C #008672 #007E69

#00AFA9 - #009687 - #007E69

Códigos CSS

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

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