#C7B8C6 - #A1597C | 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 #C7B8C6 to #A1597C

#C7B8C6 #A1597C

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

#C7B8C6 - #A1597C | 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 #C7B8C6 as 0% and #A1597C as 100%.

0.0%	0.0% #C7B8C6	RGB 199 184 198	#C7B8C6
16.7%	16.7% #C0A8B9	RGB 192 168 185	#C0A8B9
33.3%	33.3% #BA98AD	RGB 186 152 173	#BA98AD
50.0%	50.0% #B488A1	RGB 180 136 161	#B488A1
66.7%	66.7% #AD7894	RGB 173 120 148	#AD7894
83.3%	83.3% #A76888	RGB 167 104 136	#A76888
100.0%	100.0% #A1597C	RGB 161 89 124	#A1597C

#C7B8C6 #C0A8B9 #BA98AD #B488A1 #AD7894 #A76888 #A1597C

#C7B8C6 - #A1597C

HSV Blend

#C7B8C6 - #A1597C | 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 #C7B8C6 as 0% and #A1597C as 100%.

0.0%	0.0% #C7B8C6	RGB 199 184 198	#C7B8C6
16.7%	16.7% #C0A6BC	RGB 192 166 188	#C0A6BC
33.3%	33.3% #BA95B2	RGB 186 149 178	#BA95B2
50.0%	50.0% #B484A6	RGB 180 132 166	#B484A6
66.7%	66.7% #AD7599	RGB 173 117 153	#AD7599
83.3%	83.3% #A7668B	RGB 167 102 139	#A7668B
100.0%	100.0% #A1597C	RGB 161 89 124	#A1597C

#C7B8C6 #C0A6BC #BA95B2 #B484A6 #AD7599 #A7668B #A1597C

#C7B8C6 - #B484A6 - #A1597C

CSS codes

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

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