#DFBCFF - #8F50CE | 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 #DFBCFF to #8F50CE

#DFBCFF #8F50CE

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

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

0.0%	0.0% #DFBCFF	RGB 223 188 255	#DFBCFF
16.7%	16.7% #D1AAF6	RGB 209 170 246	#D1AAF6
33.3%	33.3% #C498EE	RGB 196 152 238	#C498EE
50.0%	50.0% #B786E6	RGB 183 134 230	#B786E6
66.7%	66.7% #A974DE	RGB 169 116 222	#A974DE
83.3%	83.3% #9C62D6	RGB 156 98 214	#9C62D6
100.0%	100.0% #8F50CE	RGB 143 80 206	#8F50CE

#DFBCFF #D1AAF6 #C498EE #B786E6 #A974DE #9C62D6 #8F50CE

#DFBCFF - #8F50CE

HSV Blend

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

0.0%	0.0% #DFBCFF	RGB 223 188 255	#DFBCFF
16.7%	16.7% #D0A7F6	RGB 208 167 246	#D0A7F6
33.3%	33.3% #C294EE	RGB 194 148 238	#C294EE
50.0%	50.0% #B581E6	RGB 181 129 230	#B581E6
66.7%	66.7% #A870DE	RGB 168 112 222	#A870DE
83.3%	83.3% #9B5FD6	RGB 155 95 214	#9B5FD6
100.0%	100.0% #8F50CE	RGB 143 80 206	#8F50CE

#DFBCFF #D0A7F6 #C294EE #B581E6 #A870DE #9B5FD6 #8F50CE

#DFBCFF - #B581E6 - #8F50CE

CSS codes

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

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