#D29CC7 - #8F3C8D | 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 #D29CC7 to #8F3C8D

#D29CC7 #8F3C8D

Calculate the color between two colors, #D29CC7 and #8F3C8D. 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)

#D29CC7 - #8F3C8D | 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 #D29CC7 as 0% and #8F3C8D as 100%.

0.0%	0.0% #D29CC7	RGB 210 156 199	#D29CC7
16.7%	16.7% #C68CBD	RGB 198 140 189	#C68CBD
33.3%	33.3% #BB7CB3	RGB 187 124 179	#BB7CB3
50.0%	50.0% #B06CAA	RGB 176 108 170	#B06CAA
66.7%	66.7% #A55CA0	RGB 165 92 160	#A55CA0
83.3%	83.3% #9A4C96	RGB 154 76 150	#9A4C96
100.0%	100.0% #8F3C8D	RGB 143 60 141	#8F3C8D

#D29CC7 #C68CBD #BB7CB3 #B06CAA #A55CA0 #9A4C96 #8F3C8D

#D29CC7 - #8F3C8D

HSV Blend

#D29CC7 - #8F3C8D | 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 #D29CC7 as 0% and #8F3C8D as 100%.

0.0%	0.0% #D29CC7	RGB 210 156 199	#D29CC7
16.7%	16.7% #C688BC	RGB 198 136 188	#C688BC
33.3%	33.3% #BB77B1	RGB 187 119 177	#BB77B1
50.0%	50.0% #B066A8	RGB 176 102 168	#B066A8
66.7%	66.7% #A5579E	RGB 165 87 158	#A5579E
83.3%	83.3% #9A4895	RGB 154 72 149	#9A4895
100.0%	100.0% #8F3C8D	RGB 143 60 141	#8F3C8D

#D29CC7 #C688BC #BB77B1 #B066A8 #A5579E #9A4895 #8F3C8D

#D29CC7 - #B066A8 - #8F3C8D

CSS codes

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

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