#5C7B7B - #A8BA89 | 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 #5C7B7B a #A8BA89

#5C7B7B #A8BA89

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

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

0.0%	0.0% #5C7B7B	RGB 92 123 123	#5C7B7B
16.7%	16.7% #68857D	RGB 104 133 125	#68857D
33.3%	33.3% #75907F	RGB 117 144 127	#75907F
50.0%	50.0% #829A82	RGB 130 154 130	#829A82
66.7%	66.7% #8EA584	RGB 142 165 132	#8EA584
83.3%	83.3% #9BAF86	RGB 155 175 134	#9BAF86
100.0%	100.0% #A8BA89	RGB 168 186 137	#A8BA89

#5C7B7B #68857D #75907F #829A82 #8EA584 #9BAF86 #A8BA89

#5C7B7B - #A8BA89

Mezcla HSV

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

0.0%	0.0% #5C7B7B	RGB 92 123 123	#5C7B7B
16.7%	16.7% #63857C	RGB 99 133 124	#63857C
33.3%	33.3% #6B907B	RGB 107 144 123	#6B907B
50.0%	50.0% #729A79	RGB 114 154 121	#729A79
66.7%	66.7% #7DA57A	RGB 125 165 122	#7DA57A
83.3%	83.3% #92AF81	RGB 146 175 129	#92AF81
100.0%	100.0% #A8BA89	RGB 168 186 137	#A8BA89

#5C7B7B #63857C #6B907B #729A79 #7DA57A #92AF81 #A8BA89

#5C7B7B - #729A79 - #A8BA89

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5C7B7B 0%, #729A79 50%, #A8BA89 100%);
    background: -webkit-linear-gradient(top, #5C7B7B 0%, #729A79 50%, #A8BA89 100%);
    background: linear-gradient(to bottom, #5C7B7B 0%, #729A79 50%, #A8BA89 100%);
}
</style>