#85544A - #DCCECB | 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 #85544A to #DCCECB

#85544A #DCCECB

Calculate the color between two colors, #85544A and #DCCECB. 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)

#85544A - #DCCECB | 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 #85544A as 0% and #DCCECB as 100%.

0.0%	0.0% #85544A	RGB 133 84 74	#85544A
16.7%	16.7% #93685F	RGB 147 104 95	#93685F
33.3%	33.3% #A27C75	RGB 162 124 117	#A27C75
50.0%	50.0% #B0918A	RGB 176 145 138	#B0918A
66.7%	66.7% #BFA5A0	RGB 191 165 160	#BFA5A0
83.3%	83.3% #CDB9B5	RGB 205 185 181	#CDB9B5
100.0%	100.0% #DCCECB	RGB 220 206 203	#DCCECB

#85544A #93685F #A27C75 #B0918A #BFA5A0 #CDB9B5 #DCCECB

#85544A - #DCCECB

HSV Blend

#85544A - #DCCECB | 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 #85544A as 0% and #DCCECB as 100%.

0.0%	0.0% #85544A	RGB 133 84 74	#85544A
16.7%	16.7% #93645B	RGB 147 100 91	#93645B
33.3%	33.3% #A2766D	RGB 162 118 109	#A2766D
50.0%	50.0% #B08A82	RGB 176 138 130	#B08A82
66.7%	66.7% #BF9F98	RGB 191 159 152	#BF9F98
83.3%	83.3% #CDB6B1	RGB 205 182 177	#CDB6B1
100.0%	100.0% #DCCECB	RGB 220 206 203	#DCCECB

#85544A #93645B #A2766D #B08A82 #BF9F98 #CDB6B1 #DCCECB

#85544A - #B08A82 - #DCCECB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #85544A 0%, #B08A82 50%, #DCCECB 100%);
    background: -webkit-linear-gradient(top, #85544A 0%, #B08A82 50%, #DCCECB 100%);
    background: linear-gradient(to bottom, #85544A 0%, #B08A82 50%, #DCCECB 100%);
}
</style>