#8B5E5A - #DDD1CF | 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 #8B5E5A a #DDD1CF

#8B5E5A #DDD1CF

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

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

0.0%	0.0% #8B5E5A	RGB 139 94 90	#8B5E5A
16.7%	16.7% #98716D	RGB 152 113 109	#98716D
33.3%	33.3% #A68481	RGB 166 132 129	#A68481
50.0%	50.0% #B49794	RGB 180 151 148	#B49794
66.7%	66.7% #C1AAA8	RGB 193 170 168	#C1AAA8
83.3%	83.3% #CFBDBB	RGB 207 189 187	#CFBDBB
100.0%	100.0% #DDD1CF	RGB 221 209 207	#DDD1CF

#8B5E5A #98716D #A68481 #B49794 #C1AAA8 #CFBDBB #DDD1CF

#8B5E5A - #DDD1CF

Mezcla HSV

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

0.0%	0.0% #8B5E5A	RGB 139 94 90	#8B5E5A
16.7%	16.7% #986E6A	RGB 152 110 106	#986E6A
33.3%	33.3% #A6807B	RGB 166 128 123	#A6807B
50.0%	50.0% #B4928E	RGB 180 146 142	#B4928E
66.7%	66.7% #C1A6A2	RGB 193 166 162	#C1A6A2
83.3%	83.3% #CFBBB8	RGB 207 187 184	#CFBBB8
100.0%	100.0% #DDD1CF	RGB 221 209 207	#DDD1CF

#8B5E5A #986E6A #A6807B #B4928E #C1A6A2 #CFBBB8 #DDD1CF

#8B5E5A - #B4928E - #DDD1CF

Códigos CSS

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

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