#808659 - #E7CA7E | 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 #808659 a #E7CA7E

#808659 #E7CA7E

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

#808659 - #E7CA7E | 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 #808659 como 0% y #E7CA7E como 100%.

0.0%	0.0% #808659	RGB 128 134 89	#808659
16.7%	16.7% #91915F	RGB 145 145 95	#91915F
33.3%	33.3% #A29C65	RGB 162 156 101	#A29C65
50.0%	50.0% #B3A86B	RGB 179 168 107	#B3A86B
66.7%	66.7% #C4B371	RGB 196 179 113	#C4B371
83.3%	83.3% #D5BE77	RGB 213 190 119	#D5BE77
100.0%	100.0% #E7CA7E	RGB 231 202 126	#E7CA7E

#808659 #91915F #A29C65 #B3A86B #C4B371 #D5BE77 #E7CA7E

#808659 - #E7CA7E

Mezcla HSV

#808659 - #E7CA7E | 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 #808659 como 0% y #E7CA7E como 100%.

0.0%	0.0% #808659	RGB 128 134 89	#808659
16.7%	16.7% #929660	RGB 146 150 96	#929660
33.3%	33.3% #A6A667	RGB 166 166 103	#A6A667
50.0%	50.0% #B6B16E	RGB 182 177 110	#B6B16E
66.7%	66.7% #C6BB74	RGB 198 187 116	#C6BB74
83.3%	83.3% #D6C379	RGB 214 195 121	#D6C379
100.0%	100.0% #E7CA7E	RGB 231 202 126	#E7CA7E

#808659 #929660 #A6A667 #B6B16E #C6BB74 #D6C379 #E7CA7E

#808659 - #B6B16E - #E7CA7E

Códigos CSS

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

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