#DB22D9 - #820096 | 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 #DB22D9 to #820096

#DB22D9 #820096

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

#DB22D9 - #820096 | 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 #DB22D9 as 0% and #820096 as 100%.

0.0%	0.0% #DB22D9	RGB 219 34 217	#DB22D9
16.7%	16.7% #CC1CCD	RGB 204 28 205	#CC1CCD
33.3%	33.3% #BD16C2	RGB 189 22 194	#BD16C2
50.0%	50.0% #AE11B7	RGB 174 17 183	#AE11B7
66.7%	66.7% #9F0BAC	RGB 159 11 172	#9F0BAC
83.3%	83.3% #9005A1	RGB 144 5 161	#9005A1
100.0%	100.0% #820096	RGB 130 0 150	#820096

#DB22D9 #CC1CCD #BD16C2 #AE11B7 #9F0BAC #9005A1 #820096

#DB22D9 - #820096

HSV Blend

#DB22D9 - #820096 | 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 #DB22D9 as 0% and #820096 as 100%.

0.0%	0.0% #DB22D8	RGB 219 34 216	#DB22D8
16.7%	16.7% #CD1ACF	RGB 205 26 207	#CD1ACF
33.3%	33.3% #BD14C4	RGB 189 20 196	#BD14C4
50.0%	50.0% #AE0EB8	RGB 174 14 184	#AE0EB8
66.7%	66.7% #9F08AD	RGB 159 8 173	#9F08AD
83.3%	83.3% #9004A1	RGB 144 4 161	#9004A1
100.0%	100.0% #820096	RGB 130 0 150	#820096

#DB22D8 #CD1ACF #BD14C4 #AE0EB8 #9F08AD #9004A1 #820096

#DB22D9 - #AE0EB8 - #820096

CSS codes

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

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