#78695B - #EBB27C | 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 #78695B a #EBB27C

#78695B #EBB27C

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

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

0.0%	0.0% #78695B	RGB 120 105 91	#78695B
16.7%	16.7% #8B7560	RGB 139 117 96	#8B7560
33.3%	33.3% #9E8166	RGB 158 129 102	#9E8166
50.0%	50.0% #B18D6B	RGB 177 141 107	#B18D6B
66.7%	66.7% #C49971	RGB 196 153 113	#C49971
83.3%	83.3% #D7A576	RGB 215 165 118	#D7A576
100.0%	100.0% #EBB27C	RGB 235 178 124	#EBB27C

#78695B #8B7560 #9E8166 #B18D6B #C49971 #D7A576 #EBB27C

#78695B - #EBB27C

Mezcla HSV

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

0.0%	0.0% #78695B	RGB 120 105 91	#78695B
16.7%	16.7% #8B7764	RGB 139 119 100	#8B7764
33.3%	33.3% #9E846B	RGB 158 132 107	#9E846B
50.0%	50.0% #B19072	RGB 177 144 114	#B19072
66.7%	66.7% #C49C76	RGB 196 156 118	#C49C76
83.3%	83.3% #D7A77A	RGB 215 167 122	#D7A77A
100.0%	100.0% #EBB27C	RGB 235 178 124	#EBB27C

#78695B #8B7764 #9E846B #B19072 #C49C76 #D7A77A #EBB27C

#78695B - #B19072 - #EBB27C

Códigos CSS

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

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