#DFB6ED - #8C50B2 | 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 #DFB6ED to #8C50B2

#DFB6ED #8C50B2

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

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

0.0%	0.0% #DFB6ED	RGB 223 182 237	#DFB6ED
16.7%	16.7% #D1A5E3	RGB 209 165 227	#D1A5E3
33.3%	33.3% #C394D9	RGB 195 148 217	#C394D9
50.0%	50.0% #B583CF	RGB 181 131 207	#B583CF
66.7%	66.7% #A772C5	RGB 167 114 197	#A772C5
83.3%	83.3% #9961BB	RGB 153 97 187	#9961BB
100.0%	100.0% #8C50B2	RGB 140 80 178	#8C50B2

#DFB6ED #D1A5E3 #C394D9 #B583CF #A772C5 #9961BB #8C50B2

#DFB6ED - #8C50B2

HSV Blend

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

0.0%	0.0% #DFB6ED	RGB 223 182 237	#DFB6ED
16.7%	16.7% #D1A2E3	RGB 209 162 227	#D1A2E3
33.3%	33.3% #C38FD9	RGB 195 143 217	#C38FD9
50.0%	50.0% #B57ECF	RGB 181 126 207	#B57ECF
66.7%	66.7% #A76DC5	RGB 167 109 197	#A76DC5
83.3%	83.3% #995EBB	RGB 153 94 187	#995EBB
100.0%	100.0% #8C50B2	RGB 140 80 178	#8C50B2

#DFB6ED #D1A2E3 #C38FD9 #B57ECF #A76DC5 #995EBB #8C50B2

#DFB6ED - #B57ECF - #8C50B2

CSS codes

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

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