#C3A2D1 - #7D408B | 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 #C3A2D1 to #7D408B

#C3A2D1 #7D408B

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

#C3A2D1 - #7D408B | 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 #C3A2D1 as 0% and #7D408B as 100%.

0.0%	0.0% #C3A2D1	RGB 195 162 209	#C3A2D1
16.7%	16.7% #B791C5	RGB 183 145 197	#B791C5
33.3%	33.3% #AB81B9	RGB 171 129 185	#AB81B9
50.0%	50.0% #A071AE	RGB 160 113 174	#A071AE
66.7%	66.7% #9460A2	RGB 148 96 162	#9460A2
83.3%	83.3% #885096	RGB 136 80 150	#885096
100.0%	100.0% #7D408B	RGB 125 64 139	#7D408B

#C3A2D1 #B791C5 #AB81B9 #A071AE #9460A2 #885096 #7D408B

#C3A2D1 - #7D408B

HSV Blend

#C3A2D1 - #7D408B | 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 #C3A2D1 as 0% and #7D408B as 100%.

0.0%	0.0% #C3A2D1	RGB 195 162 209	#C3A2D1
16.7%	16.7% #B68EC5	RGB 182 142 197	#B68EC5
33.3%	33.3% #A97CB9	RGB 169 124 185	#A97CB9
50.0%	50.0% #9D6BAE	RGB 157 107 174	#9D6BAE
66.7%	66.7% #925BA2	RGB 146 91 162	#925BA2
83.3%	83.3% #874D96	RGB 135 77 150	#874D96
100.0%	100.0% #7D408B	RGB 125 64 139	#7D408B

#C3A2D1 #B68EC5 #A97CB9 #9D6BAE #925BA2 #874D96 #7D408B

#C3A2D1 - #9D6BAE - #7D408B

CSS codes

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

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