#CF8FC5 - #973889 | 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 #CF8FC5 to #973889

#CF8FC5 #973889

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

#CF8FC5 - #973889 | 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 #CF8FC5 as 0% and #973889 as 100%.

0.0%	0.0% #CF8FC5	RGB 207 143 197	#CF8FC5
16.7%	16.7% #C580BB	RGB 197 128 187	#C580BB
33.3%	33.3% #BC72B1	RGB 188 114 177	#BC72B1
50.0%	50.0% #B363A7	RGB 179 99 167	#B363A7
66.7%	66.7% #A9559D	RGB 169 85 157	#A9559D
83.3%	83.3% #A04693	RGB 160 70 147	#A04693
100.0%	100.0% #973889	RGB 151 56 137	#973889

#CF8FC5 #C580BB #BC72B1 #B363A7 #A9559D #A04693 #973889

#CF8FC5 - #973889

HSV Blend

#CF8FC5 - #973889 | 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 #CF8FC5 as 0% and #973889 as 100%.

0.0%	0.0% #CF8FC5	RGB 207 143 197	#CF8FC5
16.7%	16.7% #C57EBA	RGB 197 126 186	#C57EBA
33.3%	33.3% #BC6EB0	RGB 188 110 176	#BC6EB0
50.0%	50.0% #B35FA6	RGB 179 95 166	#B35FA6
66.7%	66.7% #A9519C	RGB 169 81 156	#A9519C
83.3%	83.3% #A04492	RGB 160 68 146	#A04492
100.0%	100.0% #973889	RGB 151 56 137	#973889

#CF8FC5 #C57EBA #BC6EB0 #B35FA6 #A9519C #A04492 #973889

#CF8FC5 - #B35FA6 - #973889

CSS codes

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

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