#C791C6 - #8C408B | 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 #C791C6 to #8C408B

#C791C6 #8C408B

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

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

0.0%	0.0% #C791C6	RGB 199 145 198	#C791C6
16.7%	16.7% #BD83BC	RGB 189 131 188	#BD83BC
33.3%	33.3% #B376B2	RGB 179 118 178	#B376B2
50.0%	50.0% #A968A8	RGB 169 104 168	#A968A8
66.7%	66.7% #9F5B9E	RGB 159 91 158	#9F5B9E
83.3%	83.3% #954D94	RGB 149 77 148	#954D94
100.0%	100.0% #8C408B	RGB 140 64 139	#8C408B

#C791C6 #BD83BC #B376B2 #A968A8 #9F5B9E #954D94 #8C408B

#C791C6 - #8C408B

HSV Blend

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

0.0%	0.0% #C791C6	RGB 199 145 198	#C791C6
16.7%	16.7% #BD81BC	RGB 189 129 188	#BD81BC
33.3%	33.3% #B372B2	RGB 179 114 178	#B372B2
50.0%	50.0% #A964A8	RGB 169 100 168	#A964A8
66.7%	66.7% #9F579E	RGB 159 87 158	#9F579E
83.3%	83.3% #954B94	RGB 149 75 148	#954B94
100.0%	100.0% #8C408B	RGB 140 64 139	#8C408B

#C791C6 #BD81BC #B372B2 #A964A8 #9F579E #954B94 #8C408B

#C791C6 - #A964A8 - #8C408B

CSS codes

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

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