#8C4B5E - #DECBD1 | 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 #8C4B5E a #DECBD1

#8C4B5E #DECBD1

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

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

0.0%	0.0% #8C4B5E	RGB 140 75 94	#8C4B5E
16.7%	16.7% #996071	RGB 153 96 113	#996071
33.3%	33.3% #A77584	RGB 167 117 132	#A77584
50.0%	50.0% #B58B97	RGB 181 139 151	#B58B97
66.7%	66.7% #C2A0AA	RGB 194 160 170	#C2A0AA
83.3%	83.3% #D0B5BD	RGB 208 181 189	#D0B5BD
100.0%	100.0% #DECBD1	RGB 222 203 209	#DECBD1

#8C4B5E #996071 #A77584 #B58B97 #C2A0AA #D0B5BD #DECBD1

#8C4B5E - #DECBD1

Mezcla HSV

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

0.0%	0.0% #8C4B5D	RGB 140 75 93	#8C4B5D
16.7%	16.7% #995C6E	RGB 153 92 110	#995C6E
33.3%	33.3% #A76E7F	RGB 167 110 127	#A76E7F
50.0%	50.0% #B58392	RGB 181 131 146	#B58392
66.7%	66.7% #C299A6	RGB 194 153 166	#C299A6
83.3%	83.3% #D0B1BB	RGB 208 177 187	#D0B1BB
100.0%	100.0% #DECBD1	RGB 222 203 209	#DECBD1

#8C4B5D #995C6E #A76E7F #B58392 #C299A6 #D0B1BB #DECBD1

#8C4B5E - #B58392 - #DECBD1

Códigos CSS

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

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