#C7BDC6 - #A1617C | 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 #C7BDC6 to #A1617C

#C7BDC6 #A1617C

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

#C7BDC6 - #A1617C | 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 #C7BDC6 as 0% and #A1617C as 100%.

0.0%	0.0% #C7BDC6	RGB 199 189 198	#C7BDC6
16.7%	16.7% #C0ADB9	RGB 192 173 185	#C0ADB9
33.3%	33.3% #BA9EAD	RGB 186 158 173	#BA9EAD
50.0%	50.0% #B48FA1	RGB 180 143 161	#B48FA1
66.7%	66.7% #AD7F94	RGB 173 127 148	#AD7F94
83.3%	83.3% #A77088	RGB 167 112 136	#A77088
100.0%	100.0% #A1617C	RGB 161 97 124	#A1617C

#C7BDC6 #C0ADB9 #BA9EAD #B48FA1 #AD7F94 #A77088 #A1617C

#C7BDC6 - #A1617C

HSV Blend

#C7BDC6 - #A1617C | 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 #C7BDC6 as 0% and #A1617C as 100%.

0.0%	0.0% #C7BDC6	RGB 199 189 198	#C7BDC6
16.7%	16.7% #C0ABBC	RGB 192 171 188	#C0ABBC
33.3%	33.3% #BA9BB2	RGB 186 155 178	#BA9BB2
50.0%	50.0% #B48BA6	RGB 180 139 166	#B48BA6
66.7%	66.7% #AD7C99	RGB 173 124 153	#AD7C99
83.3%	83.3% #A76E8B	RGB 167 110 139	#A76E8B
100.0%	100.0% #A1617C	RGB 161 97 124	#A1617C

#C7BDC6 #C0ABBC #BA9BB2 #B48BA6 #AD7C99 #A76E8B #A1617C

#C7BDC6 - #B48BA6 - #A1617C

CSS codes

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

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