#C9C0C8 - #A3657F | 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 #C9C0C8 to #A3657F

#C9C0C8 #A3657F

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

#C9C0C8 - #A3657F | 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 #C9C0C8 as 0% and #A3657F as 100%.

0.0%	0.0% #C9C0C8	RGB 201 192 200	#C9C0C8
16.7%	16.7% #C2B0BB	RGB 194 176 187	#C2B0BB
33.3%	33.3% #BCA1AF	RGB 188 161 175	#BCA1AF
50.0%	50.0% #B692A3	RGB 182 146 163	#B692A3
66.7%	66.7% #AF8397	RGB 175 131 151	#AF8397
83.3%	83.3% #A9748B	RGB 169 116 139	#A9748B
100.0%	100.0% #A3657F	RGB 163 101 127	#A3657F

#C9C0C8 #C2B0BB #BCA1AF #B692A3 #AF8397 #A9748B #A3657F

#C9C0C8 - #A3657F

HSV Blend

#C9C0C8 - #A3657F | 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 #C9C0C8 as 0% and #A3657F as 100%.

0.0%	0.0% #C9C0C8	RGB 201 192 200	#C9C0C8
16.7%	16.7% #C2AFBE	RGB 194 175 190	#C2AFBE
33.3%	33.3% #BC9EB4	RGB 188 158 180	#BC9EB4
50.0%	50.0% #B68FA8	RGB 182 143 168	#B68FA8
66.7%	66.7% #AF809B	RGB 175 128 155	#AF809B
83.3%	83.3% #A9728D	RGB 169 114 141	#A9728D
100.0%	100.0% #A3657F	RGB 163 101 127	#A3657F

#C9C0C8 #C2AFBE #BC9EB4 #B68FA8 #AF809B #A9728D #A3657F

#C9C0C8 - #B68FA8 - #A3657F

CSS codes

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

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