#764D9F - #DD6BF2 | 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 #764D9F to #DD6BF2

#764D9F #DD6BF2

Calculate the color between two colors, #764D9F and #DD6BF2. 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)

#764D9F - #DD6BF2 | 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 #764D9F as 0% and #DD6BF2 as 100%.

0.0%	0.0% #764D9F	RGB 118 77 159	#764D9F
16.7%	16.7% #8752AC	RGB 135 82 172	#8752AC
33.3%	33.3% #9857BA	RGB 152 87 186	#9857BA
50.0%	50.0% #A95CC8	RGB 169 92 200	#A95CC8
66.7%	66.7% #BA61D6	RGB 186 97 214	#BA61D6
83.3%	83.3% #CB66E4	RGB 203 102 228	#CB66E4
100.0%	100.0% #DD6BF2	RGB 221 107 242	#DD6BF2

#764D9F #8752AC #9857BA #A95CC8 #BA61D6 #CB66E4 #DD6BF2

#764D9F - #DD6BF2

HSV Blend

#764D9F - #DD6BF2 | 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 #764D9F as 0% and #DD6BF2 as 100%.

0.0%	0.0% #764D9F	RGB 118 77 159	#764D9F
16.7%	16.7% #8452AC	RGB 132 82 172	#8452AC
33.3%	33.3% #9457BA	RGB 148 87 186	#9457BA
50.0%	50.0% #A55CC8	RGB 165 92 200	#A55CC8
66.7%	66.7% #B661D6	RGB 182 97 214	#B661D6
83.3%	83.3% #C966E4	RGB 201 102 228	#C966E4
100.0%	100.0% #DD6BF2	RGB 221 107 242	#DD6BF2

#764D9F #8452AC #9457BA #A55CC8 #B661D6 #C966E4 #DD6BF2

#764D9F - #A55CC8 - #DD6BF2

CSS codes

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

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