#CD8CDA - #712396 | 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 #CD8CDA to #712396

#CD8CDA #712396

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

#CD8CDA - #712396 | 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 #CD8CDA as 0% and #712396 as 100%.

0.0%	0.0% #CD8CDA	RGB 205 140 218	#CD8CDA
16.7%	16.7% #BD7ACE	RGB 189 122 206	#BD7ACE
33.3%	33.3% #AE69C3	RGB 174 105 195	#AE69C3
50.0%	50.0% #9F57B8	RGB 159 87 184	#9F57B8
66.7%	66.7% #8F46AC	RGB 143 70 172	#8F46AC
83.3%	83.3% #8034A1	RGB 128 52 161	#8034A1
100.0%	100.0% #712396	RGB 113 35 150	#712396

#CD8CDA #BD7ACE #AE69C3 #9F57B8 #8F46AC #8034A1 #712396

#CD8CDA - #712396

HSV Blend

#CD8CDA - #712396 | 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 #CD8CDA as 0% and #712396 as 100%.

0.0%	0.0% #CD8CDA	RGB 205 140 218	#CD8CDA
16.7%	16.7% #BD76CE	RGB 189 118 206	#BD76CE
33.3%	33.3% #AE62C3	RGB 174 98 195	#AE62C3
50.0%	50.0% #9E50B8	RGB 158 80 184	#9E50B8
66.7%	66.7% #8F3FAC	RGB 143 63 172	#8F3FAC
83.3%	83.3% #7F30A1	RGB 127 48 161	#7F30A1
100.0%	100.0% #712396	RGB 113 35 150	#712396

#CD8CDA #BD76CE #AE62C3 #9E50B8 #8F3FAC #7F30A1 #712396

#CD8CDA - #9E50B8 - #712396

CSS codes

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

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