#76614D - #E7A96E | 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 #76614D a #E7A96E

#76614D #E7A96E

Calcule el color entre dos colores, #76614D y #E7A96E. 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)

#76614D - #E7A96E | 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 #76614D como 0% y #E7A96E como 100%.

0.0%	0.0% #76614D	RGB 118 97 77	#76614D
16.7%	16.7% #886D52	RGB 136 109 82	#886D52
33.3%	33.3% #9B7958	RGB 155 121 88	#9B7958
50.0%	50.0% #AE855D	RGB 174 133 93	#AE855D
66.7%	66.7% #C19163	RGB 193 145 99	#C19163
83.3%	83.3% #D49D68	RGB 212 157 104	#D49D68
100.0%	100.0% #E7A96E	RGB 231 169 110	#E7A96E

#76614D #886D52 #9B7958 #AE855D #C19163 #D49D68 #E7A96E

#76614D - #E7A96E

Mezcla HSV

#76614D - #E7A96E | 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 #76614D como 0% y #E7A96E como 100%.

0.0%	0.0% #76614D	RGB 118 97 77	#76614D
16.7%	16.7% #886E55	RGB 136 110 85	#886E55
33.3%	33.3% #9B7B5C	RGB 155 123 92	#9B7B5C
50.0%	50.0% #AE8762	RGB 174 135 98	#AE8762
66.7%	66.7% #C19367	RGB 193 147 103	#C19367
83.3%	83.3% #D49E6B	RGB 212 158 107	#D49E6B
100.0%	100.0% #E7A96E	RGB 231 169 110	#E7A96E

#76614D #886E55 #9B7B5C #AE8762 #C19367 #D49E6B #E7A96E

#76614D - #AE8762 - #E7A96E

Códigos CSS

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

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