#00A3BA - #0E596B | 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 #00A3BA a #0E596B

#00A3BA #0E596B

Calcule el color entre dos colores, #00A3BA y #0E596B. 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)

#00A3BA - #0E596B | 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 #00A3BA como 0% y #0E596B como 100%.

0.0%	0.0% #00A3BA	RGB 0 163 186	#00A3BA
16.7%	16.7% #0296AC	RGB 2 150 172	#0296AC
33.3%	33.3% #048A9F	RGB 4 138 159	#048A9F
50.0%	50.0% #077E92	RGB 7 126 146	#077E92
66.7%	66.7% #097185	RGB 9 113 133	#097185
83.3%	83.3% #0B6578	RGB 11 101 120	#0B6578
100.0%	100.0% #0E596B	RGB 14 89 107	#0E596B

#00A3BA #0296AC #048A9F #077E92 #097185 #0B6578 #0E596B

#00A3BA - #0E596B

Mezcla HSV

#00A3BA - #0E596B | 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 #00A3BA como 0% y #0E596B como 100%.

0.0%	0.0% #00A3BA	RGB 0 163 186	#00A3BA
16.7%	16.7% #0395AC	RGB 3 149 172	#0395AC
33.3%	33.3% #06899F	RGB 6 137 159	#06899F
50.0%	50.0% #097C92	RGB 9 124 146	#097C92
66.7%	66.7% #0B7085	RGB 11 112 133	#0B7085
83.3%	83.3% #0D6478	RGB 13 100 120	#0D6478
100.0%	100.0% #0E596B	RGB 14 89 107	#0E596B

#00A3BA #0395AC #06899F #097C92 #0B7085 #0D6478 #0E596B

#00A3BA - #097C92 - #0E596B

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00A3BA 0%, #097C92 50%, #0E596B 100%);
    background: -webkit-linear-gradient(top, #00A3BA 0%, #097C92 50%, #0E596B 100%);
    background: linear-gradient(to bottom, #00A3BA 0%, #097C92 50%, #0E596B 100%);
}
</style>