#DFBFDF - #8A669E | 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 #DFBFDF to #8A669E

#DFBFDF #8A669E

Calculate the color between two colors, #DFBFDF and #8A669E. 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)

#DFBFDF - #8A669E | 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 #DFBFDF as 0% and #8A669E as 100%.

0.0%	0.0% #DFBFDF	RGB 223 191 223	#DFBFDF
16.7%	16.7% #D0B0D4	RGB 208 176 212	#D0B0D4
33.3%	33.3% #C2A1C9	RGB 194 161 201	#C2A1C9
50.0%	50.0% #B492BE	RGB 180 146 190	#B492BE
66.7%	66.7% #A683B3	RGB 166 131 179	#A683B3
83.3%	83.3% #9874A8	RGB 152 116 168	#9874A8
100.0%	100.0% #8A669E	RGB 138 102 158	#8A669E

#DFBFDF #D0B0D4 #C2A1C9 #B492BE #A683B3 #9874A8 #8A669E

#DFBFDF - #8A669E

HSV Blend

#DFBFDF - #8A669E | 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 #DFBFDF as 0% and #8A669E as 100%.

0.0%	0.0% #DFBFDF	RGB 223 191 223	#DFBFDF
16.7%	16.7% #D1AED4	RGB 209 174 212	#D1AED4
33.3%	33.3% #C49EC9	RGB 196 158 201	#C49EC9
50.0%	50.0% #B68FBE	RGB 182 143 190	#B68FBE
66.7%	66.7% #A780B3	RGB 167 128 179	#A780B3
83.3%	83.3% #9872A8	RGB 152 114 168	#9872A8
100.0%	100.0% #8A669E	RGB 138 102 158	#8A669E

#DFBFDF #D1AED4 #C49EC9 #B68FBE #A780B3 #9872A8 #8A669E

#DFBFDF - #B68FBE - #8A669E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #DFBFDF 0%, #B68FBE 50%, #8A669E 100%);
    background: -webkit-linear-gradient(top, #DFBFDF 0%, #B68FBE 50%, #8A669E 100%);
    background: linear-gradient(to bottom, #DFBFDF 0%, #B68FBE 50%, #8A669E 100%);
}
</style>