#985F5E - #DA7CEC | 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 #985F5E to #DA7CEC

#985F5E #DA7CEC

Calculate the color between two colors, #985F5E and #DA7CEC. 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)

#985F5E - #DA7CEC | 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 #985F5E as 0% and #DA7CEC as 100%.

0.0%	0.0% #985F5E	RGB 152 95 94	#985F5E
16.7%	16.7% #A36375	RGB 163 99 117	#A36375
33.3%	33.3% #AE688D	RGB 174 104 141	#AE688D
50.0%	50.0% #B96DA5	RGB 185 109 165	#B96DA5
66.7%	66.7% #C472BC	RGB 196 114 188	#C472BC
83.3%	83.3% #CF77D4	RGB 207 119 212	#CF77D4
100.0%	100.0% #DA7CEC	RGB 218 124 236	#DA7CEC

#985F5E #A36375 #AE688D #B96DA5 #C472BC #CF77D4 #DA7CEC

#985F5E - #DA7CEC

HSV Blend

#985F5E - #DA7CEC | 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 #985F5E as 0% and #DA7CEC as 100%.

0.0%	0.0% #985F5E	RGB 152 95 94	#985F5E
16.7%	16.7% #A6646F	RGB 166 100 111	#A6646F
33.3%	33.3% #B46985	RGB 180 105 133	#B46985
50.0%	50.0% #C26E9E	RGB 194 110 158	#C26E9E
66.7%	66.7% #D073BA	RGB 208 115 186	#D073BA
83.3%	83.3% #DE78DA	RGB 222 120 218	#DE78DA
100.0%	100.0% #DA7CEC	RGB 218 124 236	#DA7CEC

#985F5E #A6646F #B46985 #C26E9E #D073BA #DE78DA #DA7CEC

#985F5E - #C26E9E - #DA7CEC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #985F5E 0%, #C26E9E 50%, #DA7CEC 100%);
    background: -webkit-linear-gradient(top, #985F5E 0%, #C26E9E 50%, #DA7CEC 100%);
    background: linear-gradient(to bottom, #985F5E 0%, #C26E9E 50%, #DA7CEC 100%);
}
</style>