#85655C - #DCD3D0 | 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 #85655C to #DCD3D0

#85655C #DCD3D0

Calculate the color between two colors, #85655C and #DCD3D0. 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)

#85655C - #DCD3D0 | 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 #85655C as 0% and #DCD3D0 as 100%.

0.0%	0.0% #85655C	RGB 133 101 92	#85655C
16.7%	16.7% #93776F	RGB 147 119 111	#93776F
33.3%	33.3% #A28982	RGB 162 137 130	#A28982
50.0%	50.0% #B09C96	RGB 176 156 150	#B09C96
66.7%	66.7% #BFAEA9	RGB 191 174 169	#BFAEA9
83.3%	83.3% #CDC0BC	RGB 205 192 188	#CDC0BC
100.0%	100.0% #DCD3D0	RGB 220 211 208	#DCD3D0

#85655C #93776F #A28982 #B09C96 #BFAEA9 #CDC0BC #DCD3D0

#85655C - #DCD3D0

HSV Blend

#85655C - #DCD3D0 | 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 #85655C as 0% and #DCD3D0 as 100%.

0.0%	0.0% #85655C	RGB 133 101 92	#85655C
16.7%	16.7% #93756C	RGB 147 117 108	#93756C
33.3%	33.3% #A2867D	RGB 162 134 125	#A2867D
50.0%	50.0% #B09790	RGB 176 151 144	#B09790
66.7%	66.7% #BFAAA4	RGB 191 170 164	#BFAAA4
83.3%	83.3% #CDBEB9	RGB 205 190 185	#CDBEB9
100.0%	100.0% #DCD3D0	RGB 220 211 208	#DCD3D0

#85655C #93756C #A2867D #B09790 #BFAAA4 #CDBEB9 #DCD3D0

#85655C - #B09790 - #DCD3D0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #85655C 0%, #B09790 50%, #DCD3D0 100%);
    background: -webkit-linear-gradient(top, #85655C 0%, #B09790 50%, #DCD3D0 100%);
    background: linear-gradient(to bottom, #85655C 0%, #B09790 50%, #DCD3D0 100%);
}
</style>