#8E4D4D - #EB986E | 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 #8E4D4D a #EB986E

#8E4D4D #EB986E

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

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

0.0%	0.0% #8E4D4D	RGB 142 77 77	#8E4D4D
16.7%	16.7% #9D5952	RGB 157 89 82	#9D5952
33.3%	33.3% #AD6658	RGB 173 102 88	#AD6658
50.0%	50.0% #BC725D	RGB 188 114 93	#BC725D
66.7%	66.7% #CC7F63	RGB 204 127 99	#CC7F63
83.3%	83.3% #DB8B68	RGB 219 139 104	#DB8B68
100.0%	100.0% #EB986E	RGB 235 152 110	#EB986E

#8E4D4D #9D5952 #AD6658 #BC725D #CC7F63 #DB8B68 #EB986E

#8E4D4D - #EB986E

Mezcla HSV

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

0.0%	0.0% #8E4D4D	RGB 142 77 77	#8E4D4D
16.7%	16.7% #9D5753	RGB 157 87 83	#9D5753
33.3%	33.3% #AD6259	RGB 173 98 89	#AD6259
50.0%	50.0% #BC6E5F	RGB 188 110 95	#BC6E5F
66.7%	66.7% #CC7B64	RGB 204 123 100	#CC7B64
83.3%	83.3% #DB8969	RGB 219 137 105	#DB8969
100.0%	100.0% #EB986E	RGB 235 152 110	#EB986E

#8E4D4D #9D5753 #AD6259 #BC6E5F #CC7B64 #DB8969 #EB986E

#8E4D4D - #BC6E5F - #EB986E

Códigos CSS

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

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