#DA6CDB - #8C8FFF | 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 #DA6CDB to #8C8FFF

#DA6CDB #8C8FFF

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

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

0.0%	0.0% #DA6CDB	RGB 218 108 219	#DA6CDB
16.7%	16.7% #CD71E1	RGB 205 113 225	#CD71E1
33.3%	33.3% #C077E7	RGB 192 119 231	#C077E7
50.0%	50.0% #B37DED	RGB 179 125 237	#B37DED
66.7%	66.7% #A683F3	RGB 166 131 243	#A683F3
83.3%	83.3% #9989F9	RGB 153 137 249	#9989F9
100.0%	100.0% #8C8FFF	RGB 140 143 255	#8C8FFF

#DA6CDB #CD71E1 #C077E7 #B37DED #A683F3 #9989F9 #8C8FFF

#DA6CDB - #8C8FFF

HSV Blend

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

0.0%	0.0% #DA6CDB	RGB 218 108 219	#DA6CDB
16.7%	16.7% #CD71E1	RGB 205 113 225	#CD71E1
33.3%	33.3% #BF76E7	RGB 191 118 231	#BF76E7
50.0%	50.0% #B27BED	RGB 178 123 237	#B27BED
66.7%	66.7% #A480F3	RGB 164 128 243	#A480F3
83.3%	83.3% #9686F9	RGB 150 134 249	#9686F9
100.0%	100.0% #8C8FFF	RGB 140 143 255	#8C8FFF

#DA6CDB #CD71E1 #BF76E7 #B27BED #A480F3 #9686F9 #8C8FFF

#DA6CDB - #B27BED - #8C8FFF

CSS codes

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

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