#7B5E5E - #E8AB85 | 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 #7B5E5E a #E8AB85

#7B5E5E #E8AB85

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

#7B5E5E - #E8AB85 | 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 #7B5E5E como 0% y #E8AB85 como 100%.

0.0%	0.0% #7B5E5E	RGB 123 94 94	#7B5E5E
16.7%	16.7% #8D6A64	RGB 141 106 100	#8D6A64
33.3%	33.3% #9F776B	RGB 159 119 107	#9F776B
50.0%	50.0% #B18471	RGB 177 132 113	#B18471
66.7%	66.7% #C39178	RGB 195 145 120	#C39178
83.3%	83.3% #D59E7E	RGB 213 158 126	#D59E7E
100.0%	100.0% #E8AB85	RGB 232 171 133	#E8AB85

#7B5E5E #8D6A64 #9F776B #B18471 #C39178 #D59E7E #E8AB85

#7B5E5E - #E8AB85

Mezcla HSV

#7B5E5E - #E8AB85 | 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 #7B5E5E como 0% y #E8AB85 como 100%.

0.0%	0.0% #7B5E5E	RGB 123 94 94	#7B5E5E
16.7%	16.7% #8D6967	RGB 141 105 103	#8D6967
33.3%	33.3% #9F756F	RGB 159 117 111	#9F756F
50.0%	50.0% #B18176	RGB 177 129 118	#B18176
66.7%	66.7% #C38E7C	RGB 195 142 124	#C38E7C
83.3%	83.3% #D59C81	RGB 213 156 129	#D59C81
100.0%	100.0% #E8AB85	RGB 232 171 133	#E8AB85

#7B5E5E #8D6967 #9F756F #B18176 #C38E7C #D59C81 #E8AB85

#7B5E5E - #B18176 - #E8AB85

Códigos CSS

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

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