#00B9BC - #076D76 | 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 #00B9BC a #076D76

#00B9BC #076D76

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

#00B9BC - #076D76 | 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 #00B9BC como 0% y #076D76 como 100%.

0.0%	0.0% #00B9BC	RGB 0 185 188	#00B9BC
16.7%	16.7% #01ACB0	RGB 1 172 176	#01ACB0
33.3%	33.3% #029FA4	RGB 2 159 164	#029FA4
50.0%	50.0% #039399	RGB 3 147 153	#039399
66.7%	66.7% #04868D	RGB 4 134 141	#04868D
83.3%	83.3% #057981	RGB 5 121 129	#057981
100.0%	100.0% #076D76	RGB 7 109 118	#076D76

#00B9BC #01ACB0 #029FA4 #039399 #04868D #057981 #076D76

#00B9BC - #076D76

Mezcla HSV

#00B9BC - #076D76 | 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 #00B9BC como 0% y #076D76 como 100%.

0.0%	0.0% #00B9BC	RGB 0 185 188	#00B9BC
16.7%	16.7% #01ABB0	RGB 1 171 176	#01ABB0
33.3%	33.3% #039EA4	RGB 3 158 164	#039EA4
50.0%	50.0% #049199	RGB 4 145 153	#049199
66.7%	66.7% #05858D	RGB 5 133 141	#05858D
83.3%	83.3% #067981	RGB 6 121 129	#067981
100.0%	100.0% #076D76	RGB 7 109 118	#076D76

#00B9BC #01ABB0 #039EA4 #049199 #05858D #067981 #076D76

#00B9BC - #049199 - #076D76

Códigos CSS

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

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