#85504A - #DCCDCB | 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 #85504A to #DCCDCB

#85504A #DCCDCB

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

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

0.0%	0.0% #85504A	RGB 133 80 74	#85504A
16.7%	16.7% #93645F	RGB 147 100 95	#93645F
33.3%	33.3% #A27975	RGB 162 121 117	#A27975
50.0%	50.0% #B08E8A	RGB 176 142 138	#B08E8A
66.7%	66.7% #BFA3A0	RGB 191 163 160	#BFA3A0
83.3%	83.3% #CDB8B5	RGB 205 184 181	#CDB8B5
100.0%	100.0% #DCCDCB	RGB 220 205 203	#DCCDCB

#85504A #93645F #A27975 #B08E8A #BFA3A0 #CDB8B5 #DCCDCB

#85504A - #DCCDCB

HSV Blend

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

0.0%	0.0% #85504A	RGB 133 80 74	#85504A
16.7%	16.7% #93605B	RGB 147 96 91	#93605B
33.3%	33.3% #A2736D	RGB 162 115 109	#A2736D
50.0%	50.0% #B08782	RGB 176 135 130	#B08782
66.7%	66.7% #BF9D98	RGB 191 157 152	#BF9D98
83.3%	83.3% #CDB4B1	RGB 205 180 177	#CDB4B1
100.0%	100.0% #DCCDCB	RGB 220 205 203	#DCCDCB

#85504A #93605B #A2736D #B08782 #BF9D98 #CDB4B1 #DCCDCB

#85504A - #B08782 - #DCCDCB

CSS codes

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

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