#82866B - #E3CA8D | 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 #82866B a #E3CA8D

#82866B #E3CA8D

Calcule el color entre dos colores, #82866B y #E3CA8D. 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)

#82866B - #E3CA8D | 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 #82866B como 0% y #E3CA8D como 100%.

0.0%	0.0% #82866B	RGB 130 134 107	#82866B
16.7%	16.7% #929170	RGB 146 145 112	#929170
33.3%	33.3% #A29C76	RGB 162 156 118	#A29C76
50.0%	50.0% #B2A87C	RGB 178 168 124	#B2A87C
66.7%	66.7% #C2B381	RGB 194 179 129	#C2B381
83.3%	83.3% #D2BE87	RGB 210 190 135	#D2BE87
100.0%	100.0% #E3CA8D	RGB 227 202 141	#E3CA8D

#82866B #929170 #A29C76 #B2A87C #C2B381 #D2BE87 #E3CA8D

#82866B - #E3CA8D

Mezcla HSV

#82866B - #E3CA8D | 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 #82866B como 0% y #E3CA8D como 100%.

0.0%	0.0% #82866B	RGB 130 134 107	#82866B
16.7%	16.7% #929572	RGB 146 149 114	#929572
33.3%	33.3% #A4A579	RGB 164 165 121	#A4A579
50.0%	50.0% #B4B080	RGB 180 176 128	#B4B080
66.7%	66.7% #C4BA85	RGB 196 186 133	#C4BA85
83.3%	83.3% #D3C389	RGB 211 195 137	#D3C389
100.0%	100.0% #E3CA8D	RGB 227 202 141	#E3CA8D

#82866B #929572 #A4A579 #B4B080 #C4BA85 #D3C389 #E3CA8D

#82866B - #B4B080 - #E3CA8D

Códigos CSS

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

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