#8E5C5C - #EFA980 | 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 #8E5C5C a #EFA980

#8E5C5C #EFA980

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

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

0.0%	0.0% #8E5C5C	RGB 142 92 92	#8E5C5C
16.7%	16.7% #9E6862	RGB 158 104 98	#9E6862
33.3%	33.3% #AE7568	RGB 174 117 104	#AE7568
50.0%	50.0% #BE826E	RGB 190 130 110	#BE826E
66.7%	66.7% #CE8F74	RGB 206 143 116	#CE8F74
83.3%	83.3% #DE9C7A	RGB 222 156 122	#DE9C7A
100.0%	100.0% #EFA980	RGB 239 169 128	#EFA980

#8E5C5C #9E6862 #AE7568 #BE826E #CE8F74 #DE9C7A #EFA980

#8E5C5C - #EFA980

Mezcla HSV

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

0.0%	0.0% #8E5C5C	RGB 142 92 92	#8E5C5C
16.7%	16.7% #9E6763	RGB 158 103 99	#9E6763
33.3%	33.3% #AE726A	RGB 174 114 106	#AE726A
50.0%	50.0% #BE7F70	RGB 190 127 112	#BE7F70
66.7%	66.7% #CE8C76	RGB 206 140 118	#CE8C76
83.3%	83.3% #DE9A7B	RGB 222 154 123	#DE9A7B
100.0%	100.0% #EFA980	RGB 239 169 128	#EFA980

#8E5C5C #9E6763 #AE726A #BE7F70 #CE8C76 #DE9A7B #EFA980

#8E5C5C - #BE7F70 - #EFA980

Códigos CSS

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

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