#8D5E5E - #EFB182 | 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 #8D5E5E a #EFB182

#8D5E5E #EFB182

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

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

0.0%	0.0% #8D5E5E	RGB 141 94 94	#8D5E5E
16.7%	16.7% #9D6B64	RGB 157 107 100	#9D6B64
33.3%	33.3% #AD796A	RGB 173 121 106	#AD796A
50.0%	50.0% #BE8770	RGB 190 135 112	#BE8770
66.7%	66.7% #CE9576	RGB 206 149 118	#CE9576
83.3%	83.3% #DEA37C	RGB 222 163 124	#DEA37C
100.0%	100.0% #EFB182	RGB 239 177 130	#EFB182

#8D5E5E #9D6B64 #AD796A #BE8770 #CE9576 #DEA37C #EFB182

#8D5E5E - #EFB182

Mezcla HSV

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

0.0%	0.0% #8D5E5E	RGB 141 94 94	#8D5E5E
16.7%	16.7% #9D6965	RGB 157 105 101	#9D6965
33.3%	33.3% #AD766C	RGB 173 118 108	#AD766C
50.0%	50.0% #BE8373	RGB 190 131 115	#BE8373
66.7%	66.7% #CE9178	RGB 206 145 120	#CE9178
83.3%	83.3% #DEA07D	RGB 222 160 125	#DEA07D
100.0%	100.0% #EFB182	RGB 239 177 130	#EFB182

#8D5E5E #9D6965 #AD766C #BE8373 #CE9178 #DEA07D #EFB182

#8D5E5E - #BE8373 - #EFB182

Códigos CSS

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

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