#55BA9F - #0A8666 | 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 #55BA9F a #0A8666

#55BA9F #0A8666

Calcule el color entre dos colores, #55BA9F y #0A8666. 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)

#55BA9F - #0A8666 | 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 #55BA9F como 0% y #0A8666 como 100%.

0.0%	0.0% #55BA9F	RGB 85 186 159	#55BA9F
16.7%	16.7% #48B195	RGB 72 177 149	#48B195
33.3%	33.3% #3CA88C	RGB 60 168 140	#3CA88C
50.0%	50.0% #2FA082	RGB 47 160 130	#2FA082
66.7%	66.7% #229779	RGB 34 151 121	#229779
83.3%	83.3% #168E6F	RGB 22 142 111	#168E6F
100.0%	100.0% #0A8666	RGB 10 134 102	#0A8666

#55BA9F #48B195 #3CA88C #2FA082 #229779 #168E6F #0A8666

#55BA9F - #0A8666

Mezcla HSV

#55BA9F - #0A8666 | 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 #55BA9F como 0% y #0A8666 como 100%.

0.0%	0.0% #54BA9F	RGB 84 186 159	#54BA9F
16.7%	16.7% #45B194	RGB 69 177 148	#45B194
33.3%	33.3% #37A88A	RGB 55 168 138	#37A88A
50.0%	50.0% #2AA081	RGB 42 160 129	#2AA081
66.7%	66.7% #1E9777	RGB 30 151 119	#1E9777
83.3%	83.3% #138E6E	RGB 19 142 110	#138E6E
100.0%	100.0% #0A8666	RGB 10 134 102	#0A8666

#54BA9F #45B194 #37A88A #2AA081 #1E9777 #138E6E #0A8666

#55BA9F - #2AA081 - #0A8666

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #54BA9F 0%, #2AA081 50%, #0A8666 100%);
    background: -webkit-linear-gradient(top, #54BA9F 0%, #2AA081 50%, #0A8666 100%);
    background: linear-gradient(to bottom, #54BA9F 0%, #2AA081 50%, #0A8666 100%);
}
</style>