#C39DBB - #973B6E | 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 #C39DBB to #973B6E

#C39DBB #973B6E

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

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

0.0%	0.0% #C39DBB	RGB 195 157 187	#C39DBB
16.7%	16.7% #BB8CAE	RGB 187 140 174	#BB8CAE
33.3%	33.3% #B47CA1	RGB 180 124 161	#B47CA1
50.0%	50.0% #AD6C94	RGB 173 108 148	#AD6C94
66.7%	66.7% #A55B87	RGB 165 91 135	#A55B87
83.3%	83.3% #9E4B7A	RGB 158 75 122	#9E4B7A
100.0%	100.0% #973B6E	RGB 151 59 110	#973B6E

#C39DBB #BB8CAE #B47CA1 #AD6C94 #A55B87 #9E4B7A #973B6E

#C39DBB - #973B6E

HSV Blend

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

0.0%	0.0% #C39DBB	RGB 195 157 187	#C39DBB
16.7%	16.7% #BB8AAF	RGB 187 138 175	#BB8AAF
33.3%	33.3% #B478A2	RGB 180 120 162	#B478A2
50.0%	50.0% #AD6796	RGB 173 103 150	#AD6796
66.7%	66.7% #A55789	RGB 165 87 137	#A55789
83.3%	83.3% #9E487B	RGB 158 72 123	#9E487B
100.0%	100.0% #973B6E	RGB 151 59 110	#973B6E

#C39DBB #BB8AAF #B478A2 #AD6796 #A55789 #9E487B #973B6E

#C39DBB - #AD6796 - #973B6E

CSS codes

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

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