#DB5BC5 - #97007E | 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 #DB5BC5 to #97007E

#DB5BC5 #97007E

Calculate the color between two colors, #DB5BC5 and #97007E. 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)

#DB5BC5 - #97007E | 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 #DB5BC5 as 0% and #97007E as 100%.

0.0%	0.0% #DB5BC5	RGB 219 91 197	#DB5BC5
16.7%	16.7% #CF4BB9	RGB 207 75 185	#CF4BB9
33.3%	33.3% #C43CAD	RGB 196 60 173	#C43CAD
50.0%	50.0% #B92DA1	RGB 185 45 161	#B92DA1
66.7%	66.7% #AD1E95	RGB 173 30 149	#AD1E95
83.3%	83.3% #A20F89	RGB 162 15 137	#A20F89
100.0%	100.0% #97007E	RGB 151 0 126	#97007E

#DB5BC5 #CF4BB9 #C43CAD #B92DA1 #AD1E95 #A20F89 #97007E

#DB5BC5 - #97007E

HSV Blend

#DB5BC5 - #97007E | 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 #DB5BC5 as 0% and #97007E as 100%.

0.0%	0.0% #DB5BC5	RGB 219 91 197	#DB5BC5
16.7%	16.7% #CF47B8	RGB 207 71 184	#CF47B8
33.3%	33.3% #C436AC	RGB 196 54 172	#C436AC
50.0%	50.0% #B926A0	RGB 185 38 160	#B926A0
66.7%	66.7% #AD1894	RGB 173 24 148	#AD1894
83.3%	83.3% #A20B89	RGB 162 11 137	#A20B89
100.0%	100.0% #97007E	RGB 151 0 126	#97007E

#DB5BC5 #CF47B8 #C436AC #B926A0 #AD1894 #A20B89 #97007E

#DB5BC5 - #B926A0 - #97007E

CSS codes

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

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