#DB6CD2 - #908CFF | 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 #DB6CD2 to #908CFF

#DB6CD2 #908CFF

Calculate the color between two colors, #DB6CD2 and #908CFF. 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)

#DB6CD2 - #908CFF | 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 #DB6CD2 as 0% and #908CFF as 100%.

0.0%	0.0% #DB6CD2	RGB 219 108 210	#DB6CD2
16.7%	16.7% #CE71D9	RGB 206 113 217	#CE71D9
33.3%	33.3% #C276E1	RGB 194 118 225	#C276E1
50.0%	50.0% #B57CE8	RGB 181 124 232	#B57CE8
66.7%	66.7% #A981F0	RGB 169 129 240	#A981F0
83.3%	83.3% #9C86F7	RGB 156 134 247	#9C86F7
100.0%	100.0% #908CFF	RGB 144 140 255	#908CFF

#DB6CD2 #CE71D9 #C276E1 #B57CE8 #A981F0 #9C86F7 #908CFF

#DB6CD2 - #908CFF

HSV Blend

#DB6CD2 - #908CFF | 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 #DB6CD2 as 0% and #908CFF as 100%.

0.0%	0.0% #DB6CD2	RGB 219 108 210	#DB6CD2
16.7%	16.7% #D671E1	RGB 214 113 225	#D671E1
33.3%	33.3% #C876E7	RGB 200 118 231	#C876E7
50.0%	50.0% #BA7BED	RGB 186 123 237	#BA7BED
66.7%	66.7% #AC80F3	RGB 172 128 243	#AC80F3
83.3%	83.3% #9E86F9	RGB 158 134 249	#9E86F9
100.0%	100.0% #908CFF	RGB 144 140 255	#908CFF

#DB6CD2 #D671E1 #C876E7 #BA7BED #AC80F3 #9E86F9 #908CFF

#DB6CD2 - #BA7BED - #908CFF

CSS codes

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

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