#7A8B5E - #E7CD80 | 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 #7A8B5E a #E7CD80

#7A8B5E #E7CD80

Calcule el color entre dos colores, #7A8B5E y #E7CD80. 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)

#7A8B5E - #E7CD80 | 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 #7A8B5E como 0% y #E7CD80 como 100%.

0.0%	0.0% #7A8B5E	RGB 122 139 94	#7A8B5E
16.7%	16.7% #8C9663	RGB 140 150 99	#8C9663
33.3%	33.3% #9EA169	RGB 158 161 105	#9EA169
50.0%	50.0% #B0AC6F	RGB 176 172 111	#B0AC6F
66.7%	66.7% #C2B774	RGB 194 183 116	#C2B774
83.3%	83.3% #D4C27A	RGB 212 194 122	#D4C27A
100.0%	100.0% #E7CD80	RGB 231 205 128	#E7CD80

#7A8B5E #8C9663 #9EA169 #B0AC6F #C2B774 #D4C27A #E7CD80

#7A8B5E - #E7CD80

Mezcla HSV

#7A8B5E - #E7CD80 | 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 #7A8B5E como 0% y #E7CD80 como 100%.

0.0%	0.0% #7A8B5E	RGB 122 139 94	#7A8B5E
16.7%	16.7% #8B9A65	RGB 139 154 101	#8B9A65
33.3%	33.3% #9FA96B	RGB 159 169 107	#9FA96B
50.0%	50.0% #B4B971	RGB 180 185 113	#B4B971
66.7%	66.7% #C8C477	RGB 200 196 119	#C8C477
83.3%	83.3% #D7CA7B	RGB 215 202 123	#D7CA7B
100.0%	100.0% #E7CD80	RGB 231 205 128	#E7CD80

#7A8B5E #8B9A65 #9FA96B #B4B971 #C8C477 #D7CA7B #E7CD80

#7A8B5E - #B4B971 - #E7CD80

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7A8B5E 0%, #B4B971 50%, #E7CD80 100%);
    background: -webkit-linear-gradient(top, #7A8B5E 0%, #B4B971 50%, #E7CD80 100%);
    background: linear-gradient(to bottom, #7A8B5E 0%, #B4B971 50%, #E7CD80 100%);
}
</style>