#00A8A2 - #00775F | 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 #00A8A2 a #00775F

#00A8A2 #00775F

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

#00A8A2 - #00775F | 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 #00A8A2 como 0% y #00775F como 100%.

0.0%	0.0% #00A8A2	RGB 0 168 162	#00A8A2
16.7%	16.7% #009F96	RGB 0 159 150	#009F96
33.3%	33.3% #00978B	RGB 0 151 139	#00978B
50.0%	50.0% #008F80	RGB 0 143 128	#008F80
66.7%	66.7% #008775	RGB 0 135 117	#008775
83.3%	83.3% #007F6A	RGB 0 127 106	#007F6A
100.0%	100.0% #00775F	RGB 0 119 95	#00775F

#00A8A2 #009F96 #00978B #008F80 #008775 #007F6A #00775F

#00A8A2 - #00775F

Mezcla HSV

#00A8A2 - #00775F | 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 #00A8A2 como 0% y #00775F como 100%.

0.0%	0.0% #00A8A1	RGB 0 168 161	#00A8A1
16.7%	16.7% #009F95	RGB 0 159 149	#009F95
33.3%	33.3% #009789	RGB 0 151 137	#009789
50.0%	50.0% #008F7E	RGB 0 143 126	#008F7E
66.7%	66.7% #008773	RGB 0 135 115	#008773
83.3%	83.3% #007F69	RGB 0 127 105	#007F69
100.0%	100.0% #00775F	RGB 0 119 95	#00775F

#00A8A1 #009F95 #009789 #008F7E #008773 #007F69 #00775F

#00A8A2 - #008F7E - #00775F

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00A8A1 0%, #008F7E 50%, #00775F 100%);
    background: -webkit-linear-gradient(top, #00A8A1 0%, #008F7E 50%, #00775F 100%);
    background: linear-gradient(to bottom, #00A8A1 0%, #008F7E 50%, #00775F 100%);
}
</style>