#7E6B5E - #EEB47F | 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 #7E6B5E a #EEB47F

#7E6B5E #EEB47F

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

#7E6B5E - #EEB47F | 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 #7E6B5E como 0% y #EEB47F como 100%.

0.0%	0.0% #7E6B5E	RGB 126 107 94	#7E6B5E
16.7%	16.7% #907763	RGB 144 119 99	#907763
33.3%	33.3% #A38369	RGB 163 131 105	#A38369
50.0%	50.0% #B68F6E	RGB 182 143 110	#B68F6E
66.7%	66.7% #C89B74	RGB 200 155 116	#C89B74
83.3%	83.3% #DBA779	RGB 219 167 121	#DBA779
100.0%	100.0% #EEB47F	RGB 238 180 127	#EEB47F

#7E6B5E #907763 #A38369 #B68F6E #C89B74 #DBA779 #EEB47F

#7E6B5E - #EEB47F

Mezcla HSV

#7E6B5E - #EEB47F | 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 #7E6B5E como 0% y #EEB47F como 100%.

0.0%	0.0% #7E6B5E	RGB 126 107 94	#7E6B5E
16.7%	16.7% #907866	RGB 144 120 102	#907866
33.3%	33.3% #A3856E	RGB 163 133 110	#A3856E
50.0%	50.0% #B69174	RGB 182 145 116	#B69174
66.7%	66.7% #C89D79	RGB 200 157 121	#C89D79
83.3%	83.3% #DBA87C	RGB 219 168 124	#DBA87C
100.0%	100.0% #EEB47F	RGB 238 180 127	#EEB47F

#7E6B5E #907866 #A3856E #B69174 #C89D79 #DBA87C #EEB47F

#7E6B5E - #B69174 - #EEB47F

Códigos CSS

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

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