#00C6B1 - #00967A | 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 #00C6B1 a #00967A

#00C6B1 #00967A

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

#00C6B1 - #00967A | 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 #00C6B1 como 0% y #00967A como 100%.

0.0%	0.0% #00C6B1	RGB 0 198 177	#00C6B1
16.7%	16.7% #00BEA7	RGB 0 190 167	#00BEA7
33.3%	33.3% #00B69E	RGB 0 182 158	#00B69E
50.0%	50.0% #00AE95	RGB 0 174 149	#00AE95
66.7%	66.7% #00A68C	RGB 0 166 140	#00A68C
83.3%	83.3% #009E83	RGB 0 158 131	#009E83
100.0%	100.0% #00967A	RGB 0 150 122	#00967A

#00C6B1 #00BEA7 #00B69E #00AE95 #00A68C #009E83 #00967A

#00C6B1 - #00967A

Mezcla HSV

#00C6B1 - #00967A | 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 #00C6B1 como 0% y #00967A como 100%.

0.0%	0.0% #00C6B1	RGB 0 198 177	#00C6B1
16.7%	16.7% #00BEA7	RGB 0 190 167	#00BEA7
33.3%	33.3% #00B69D	RGB 0 182 157	#00B69D
50.0%	50.0% #00AE94	RGB 0 174 148	#00AE94
66.7%	66.7% #00A68B	RGB 0 166 139	#00A68B
83.3%	83.3% #009E82	RGB 0 158 130	#009E82
100.0%	100.0% #00967A	RGB 0 150 122	#00967A

#00C6B1 #00BEA7 #00B69D #00AE94 #00A68B #009E82 #00967A

#00C6B1 - #00AE94 - #00967A

Códigos CSS

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

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