#8B5E5E - #DDD1D1 | 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 #8B5E5E a #DDD1D1

#8B5E5E #DDD1D1

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

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

0.0%	0.0% #8B5E5E	RGB 139 94 94	#8B5E5E
16.7%	16.7% #987171	RGB 152 113 113	#987171
33.3%	33.3% #A68484	RGB 166 132 132	#A68484
50.0%	50.0% #B49797	RGB 180 151 151	#B49797
66.7%	66.7% #C1AAAA	RGB 193 170 170	#C1AAAA
83.3%	83.3% #CFBDBD	RGB 207 189 189	#CFBDBD
100.0%	100.0% #DDD1D1	RGB 221 209 209	#DDD1D1

#8B5E5E #987171 #A68484 #B49797 #C1AAAA #CFBDBD #DDD1D1

#8B5E5E - #DDD1D1

Mezcla HSV

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

0.0%	0.0% #8B5E5E	RGB 139 94 94	#8B5E5E
16.7%	16.7% #986E6E	RGB 152 110 110	#986E6E
33.3%	33.3% #A67F7F	RGB 166 127 127	#A67F7F
50.0%	50.0% #B49191	RGB 180 145 145	#B49191
66.7%	66.7% #C1A5A5	RGB 193 165 165	#C1A5A5
83.3%	83.3% #CFBABA	RGB 207 186 186	#CFBABA
100.0%	100.0% #DDD1D1	RGB 221 209 209	#DDD1D1

#8B5E5E #986E6E #A67F7F #B49191 #C1A5A5 #CFBABA #DDD1D1

#8B5E5E - #B49191 - #DDD1D1

Códigos CSS

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

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