#8D7E76 - #F8C596 | 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 #8D7E76 a #F8C596

#8D7E76 #F8C596

Calcule el color entre dos colores, #8D7E76 y #F8C596. 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)

#8D7E76 - #F8C596 | 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 #8D7E76 como 0% y #F8C596 como 100%.

0.0%	0.0% #8D7E76	RGB 141 126 118	#8D7E76
16.7%	16.7% #9E897B	RGB 158 137 123	#9E897B
33.3%	33.3% #B09580	RGB 176 149 128	#B09580
50.0%	50.0% #C2A186	RGB 194 161 134	#C2A186
66.7%	66.7% #D4AD8B	RGB 212 173 139	#D4AD8B
83.3%	83.3% #E6B990	RGB 230 185 144	#E6B990
100.0%	100.0% #F8C596	RGB 248 197 150	#F8C596

#8D7E76 #9E897B #B09580 #C2A186 #D4AD8B #E6B990 #F8C596

#8D7E76 - #F8C596

Mezcla HSV

#8D7E76 - #F8C596 | 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 #8D7E76 como 0% y #F8C596 como 100%.

0.0%	0.0% #8D7E76	RGB 141 126 118	#8D7E76
16.7%	16.7% #9E8A7E	RGB 158 138 126	#9E8A7E
33.3%	33.3% #B09686	RGB 176 150 134	#B09686
50.0%	50.0% #C2A28C	RGB 194 162 140	#C2A28C
66.7%	66.7% #D4AE90	RGB 212 174 144	#D4AE90
83.3%	83.3% #E6B994	RGB 230 185 148	#E6B994
100.0%	100.0% #F8C596	RGB 248 197 150	#F8C596

#8D7E76 #9E8A7E #B09686 #C2A28C #D4AE90 #E6B994 #F8C596

#8D7E76 - #C2A28C - #F8C596

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8D7E76 0%, #C2A28C 50%, #F8C596 100%);
    background: -webkit-linear-gradient(top, #8D7E76 0%, #C2A28C 50%, #F8C596 100%);
    background: linear-gradient(to bottom, #8D7E76 0%, #C2A28C 50%, #F8C596 100%);
}
</style>