#DA8FDA - #BD3EBB | 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 #DA8FDA to #BD3EBB

#DA8FDA #BD3EBB

Calculate the color between two colors, #DA8FDA and #BD3EBB. 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)

#DA8FDA - #BD3EBB | 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 #DA8FDA as 0% and #BD3EBB as 100%.

0.0%	0.0% #DA8FDA	RGB 218 143 218	#DA8FDA
16.7%	16.7% #D581D4	RGB 213 129 212	#D581D4
33.3%	33.3% #D074CF	RGB 208 116 207	#D074CF
50.0%	50.0% #CB66CA	RGB 203 102 202	#CB66CA
66.7%	66.7% #C659C5	RGB 198 89 197	#C659C5
83.3%	83.3% #C14BC0	RGB 193 75 192	#C14BC0
100.0%	100.0% #BD3EBB	RGB 189 62 187	#BD3EBB

#DA8FDA #D581D4 #D074CF #CB66CA #C659C5 #C14BC0 #BD3EBB

#DA8FDA - #BD3EBB

HSV Blend

#DA8FDA - #BD3EBB | 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 #DA8FDA as 0% and #BD3EBB as 100%.

0.0%	0.0% #DA8FDA	RGB 218 143 218	#DA8FDA
16.7%	16.7% #D580D4	RGB 213 128 212	#D580D4
33.3%	33.3% #D071CF	RGB 208 113 207	#D071CF
50.0%	50.0% #CB64CA	RGB 203 100 202	#CB64CA
66.7%	66.7% #C656C5	RGB 198 86 197	#C656C5
83.3%	83.3% #C14AC0	RGB 193 74 192	#C14AC0
100.0%	100.0% #BD3EBB	RGB 189 62 187	#BD3EBB

#DA8FDA #D580D4 #D071CF #CB64CA #C656C5 #C14AC0 #BD3EBB

#DA8FDA - #CB64CA - #BD3EBB

CSS codes

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

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