#5BCB8B - #129558 | 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 #5BCB8B a #129558

#5BCB8B #129558

Calcule el color entre dos colores, #5BCB8B y #129558. 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)

#5BCB8B - #129558 | 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 #5BCB8B como 0% y #129558 como 100%.

0.0%	0.0% #5BCB8B	RGB 91 203 139	#5BCB8B
16.7%	16.7% #4EC282	RGB 78 194 130	#4EC282
33.3%	33.3% #42B97A	RGB 66 185 122	#42B97A
50.0%	50.0% #36B071	RGB 54 176 113	#36B071
66.7%	66.7% #2AA769	RGB 42 167 105	#2AA769
83.3%	83.3% #1E9E60	RGB 30 158 96	#1E9E60
100.0%	100.0% #129558	RGB 18 149 88	#129558

#5BCB8B #4EC282 #42B97A #36B071 #2AA769 #1E9E60 #129558

#5BCB8B - #129558

Mezcla HSV

#5BCB8B - #129558 | 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 #5BCB8B como 0% y #129558 como 100%.

0.0%	0.0% #5ACB8B	RGB 90 203 139	#5ACB8B
16.7%	16.7% #4CC280	RGB 76 194 128	#4CC280
33.3%	33.3% #3EB977	RGB 62 185 119	#3EB977
50.0%	50.0% #32B06E	RGB 50 176 110	#32B06E
66.7%	66.7% #26A766	RGB 38 167 102	#26A766
83.3%	83.3% #1B9E5F	RGB 27 158 95	#1B9E5F
100.0%	100.0% #129558	RGB 18 149 88	#129558

#5ACB8B #4CC280 #3EB977 #32B06E #26A766 #1B9E5F #129558

#5BCB8B - #32B06E - #129558

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5ACB8B 0%, #32B06E 50%, #129558 100%);
    background: -webkit-linear-gradient(top, #5ACB8B 0%, #32B06E 50%, #129558 100%);
    background: linear-gradient(to bottom, #5ACB8B 0%, #32B06E 50%, #129558 100%);
}
</style>