#C39DB9 - #973D6B | 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 #C39DB9 to #973D6B

#C39DB9 #973D6B

Calculate the color between two colors, #C39DB9 and #973D6B. 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)

#C39DB9 - #973D6B | 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 #C39DB9 as 0% and #973D6B as 100%.

0.0%	0.0% #C39DB9	RGB 195 157 185	#C39DB9
16.7%	16.7% #BB8DAC	RGB 187 141 172	#BB8DAC
33.3%	33.3% #B47D9F	RGB 180 125 159	#B47D9F
50.0%	50.0% #AD6D92	RGB 173 109 146	#AD6D92
66.7%	66.7% #A55D85	RGB 165 93 133	#A55D85
83.3%	83.3% #9E4D78	RGB 158 77 120	#9E4D78
100.0%	100.0% #973D6B	RGB 151 61 107	#973D6B

#C39DB9 #BB8DAC #B47D9F #AD6D92 #A55D85 #9E4D78 #973D6B

#C39DB9 - #973D6B

HSV Blend

#C39DB9 - #973D6B | 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 #C39DB9 as 0% and #973D6B as 100%.

0.0%	0.0% #C39DB9	RGB 195 157 185	#C39DB9
16.7%	16.7% #BB8AAC	RGB 187 138 172	#BB8AAC
33.3%	33.3% #B479A0	RGB 180 121 160	#B479A0
50.0%	50.0% #AD6893	RGB 173 104 147	#AD6893
66.7%	66.7% #A55985	RGB 165 89 133	#A55985
83.3%	83.3% #9E4A78	RGB 158 74 120	#9E4A78
100.0%	100.0% #973D6B	RGB 151 61 107	#973D6B

#C39DB9 #BB8AAC #B479A0 #AD6893 #A55985 #9E4A78 #973D6B

#C39DB9 - #AD6893 - #973D6B

CSS codes

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

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