#00A19C - #007058 | 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 #00A19C a #007058

#00A19C #007058

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

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

0.0%	0.0% #00A19C	RGB 0 161 156	#00A19C
16.7%	16.7% #009890	RGB 0 152 144	#009890
33.3%	33.3% #009085	RGB 0 144 133	#009085
50.0%	50.0% #00887A	RGB 0 136 122	#00887A
66.7%	66.7% #00806E	RGB 0 128 110	#00806E
83.3%	83.3% #007863	RGB 0 120 99	#007863
100.0%	100.0% #007058	RGB 0 112 88	#007058

#00A19C #009890 #009085 #00887A #00806E #007863 #007058

#00A19C - #007058

Mezcla HSV

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

0.0%	0.0% #00A19C	RGB 0 161 156	#00A19C
16.7%	16.7% #00988F	RGB 0 152 143	#00988F
33.3%	33.3% #009083	RGB 0 144 131	#009083
50.0%	50.0% #008877	RGB 0 136 119	#008877
66.7%	66.7% #00806C	RGB 0 128 108	#00806C
83.3%	83.3% #007862	RGB 0 120 98	#007862
100.0%	100.0% #007058	RGB 0 112 88	#007058

#00A19C #00988F #009083 #008877 #00806C #007862 #007058

#00A19C - #008877 - #007058

Códigos CSS

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

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