#008080 - #01A3C8 | 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 #008080 a #01A3C8

#008080 #01A3C8

Calcule el color entre dos colores, #008080 y #01A3C8. 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)

#008080 - #01A3C8 | 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 #008080 como 0% y #01A3C8 como 100%.

0.0%	0.0% #008080	RGB 0 128 128	#008080
16.7%	16.7% #00858C	RGB 0 133 140	#00858C
33.3%	33.3% #008B98	RGB 0 139 152	#008B98
50.0%	50.0% #0091A4	RGB 0 145 164	#0091A4
66.7%	66.7% #0097B0	RGB 0 151 176	#0097B0
83.3%	83.3% #009DBC	RGB 0 157 188	#009DBC
100.0%	100.0% #01A3C8	RGB 1 163 200	#01A3C8

#008080 #00858C #008B98 #0091A4 #0097B0 #009DBC #01A3C8

#008080 - #01A3C8

Mezcla HSV

#008080 - #01A3C8 | 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 #008080 como 0% y #01A3C8 como 100%.

0.0%	0.0% #008080	RGB 0 128 128	#008080
16.7%	16.7% #00878C	RGB 0 135 140	#00878C
33.3%	33.3% #008E98	RGB 0 142 152	#008E98
50.0%	50.0% #0094A4	RGB 0 148 164	#0094A4
66.7%	66.7% #009AB0	RGB 0 154 176	#009AB0
83.3%	83.3% #009EBC	RGB 0 158 188	#009EBC
100.0%	100.0% #01A3C8	RGB 1 163 200	#01A3C8

#008080 #00878C #008E98 #0094A4 #009AB0 #009EBC #01A3C8

#008080 - #0094A4 - #01A3C8

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #008080 0%, #0094A4 50%, #01A3C8 100%);
    background: -webkit-linear-gradient(top, #008080 0%, #0094A4 50%, #01A3C8 100%);
    background: linear-gradient(to bottom, #008080 0%, #0094A4 50%, #01A3C8 100%);
}
</style>