#854D5E - #DCCCD1 | colorate

colorate is a color scheme tool for designers and developers. This will help you draw inspiration and serve as a resource for your color work. Make this site better

Blend #854D5E to #DCCCD1

#854D5E #DCCCD1

Calculate the color between two colors, #854D5E and #DCCCD1. In calculation of RGB values, saturation between the dissimilar colors is low. In calculating of HSV values, saturation between the dissimilar colors is not low.

RGB Blend(Linear)

#854D5E - #DCCCD1 | colorate

Calculation of color between two colors based on RGB value. For colors that are distant from each other, the saturation between the two colors decreases. Expand the color between two colors with #854D5E as 0% and #DCCCD1 as 100%.

0.0%	0.0% #854D5E	RGB 133 77 94	#854D5E
16.7%	16.7% #936271	RGB 147 98 113	#936271
33.3%	33.3% #A27784	RGB 162 119 132	#A27784
50.0%	50.0% #B08C97	RGB 176 140 151	#B08C97
66.7%	66.7% #BFA1AA	RGB 191 161 170	#BFA1AA
83.3%	83.3% #CDB6BD	RGB 205 182 189	#CDB6BD
100.0%	100.0% #DCCCD1	RGB 220 204 209	#DCCCD1

#854D5E #936271 #A27784 #B08C97 #BFA1AA #CDB6BD #DCCCD1

#854D5E - #DCCCD1

HSV Blend

#854D5E - #DCCCD1 | colorate

Calculation of color between two colors based on HSV value. Even between distinct colors of color, the saturation between the two colors does not decrease. Expand the color between two colors with #854D5E as 0% and #DCCCD1 as 100%.

0.0%	0.0% #854D5E	RGB 133 77 94	#854D5E
16.7%	16.7% #935D6E	RGB 147 93 110	#935D6E
33.3%	33.3% #A2707F	RGB 162 112 127	#A2707F
50.0%	50.0% #B08492	RGB 176 132 146	#B08492
66.7%	66.7% #BF9AA6	RGB 191 154 166	#BF9AA6
83.3%	83.3% #CDB2BA	RGB 205 178 186	#CDB2BA
100.0%	100.0% #DCCCD1	RGB 220 204 209	#DCCCD1

#854D5E #935D6E #A2707F #B08492 #BF9AA6 #CDB2BA #DCCCD1

#854D5E - #B08492 - #DCCCD1

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #854D5E 0%, #B08492 50%, #DCCCD1 100%);
    background: -webkit-linear-gradient(top, #854D5E 0%, #B08492 50%, #DCCCD1 100%);
    background: linear-gradient(to bottom, #854D5E 0%, #B08492 50%, #DCCCD1 100%);
}
</style>