#C29FD6 - #6E3C91 | 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 #C29FD6 to #6E3C91

#C29FD6 #6E3C91

Calculate the color between two colors, #C29FD6 and #6E3C91. 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)

#C29FD6 - #6E3C91 | 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 #C29FD6 as 0% and #6E3C91 as 100%.

0.0%	0.0% #C29FD6	RGB 194 159 214	#C29FD6
16.7%	16.7% #B48ECA	RGB 180 142 202	#B48ECA
33.3%	33.3% #A67EBF	RGB 166 126 191	#A67EBF
50.0%	50.0% #986DB3	RGB 152 109 179	#986DB3
66.7%	66.7% #8A5DA8	RGB 138 93 168	#8A5DA8
83.3%	83.3% #7C4C9C	RGB 124 76 156	#7C4C9C
100.0%	100.0% #6E3C91	RGB 110 60 145	#6E3C91

#C29FD6 #B48ECA #A67EBF #986DB3 #8A5DA8 #7C4C9C #6E3C91

#C29FD6 - #6E3C91

HSV Blend

#C29FD6 - #6E3C91 | 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 #C29FD6 as 0% and #6E3C91 as 100%.

0.0%	0.0% #C29FD6	RGB 194 159 214	#C29FD6
16.7%	16.7% #B38BCA	RGB 179 139 202	#B38BCA
33.3%	33.3% #A478BF	RGB 164 120 191	#A478BF
50.0%	50.0% #9667B3	RGB 150 103 179	#9667B3
66.7%	66.7% #8857A8	RGB 136 87 168	#8857A8
83.3%	83.3% #7A499C	RGB 122 73 156	#7A499C
100.0%	100.0% #6E3C91	RGB 110 60 145	#6E3C91

#C29FD6 #B38BCA #A478BF #9667B3 #8857A8 #7A499C #6E3C91

#C29FD6 - #9667B3 - #6E3C91

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C29FD6 0%, #9667B3 50%, #6E3C91 100%);
    background: -webkit-linear-gradient(top, #C29FD6 0%, #9667B3 50%, #6E3C91 100%);
    background: linear-gradient(to bottom, #C29FD6 0%, #9667B3 50%, #6E3C91 100%);
}
</style>