#C7B9C4 - #AE659B | 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 #C7B9C4 to #AE659B

#C7B9C4 #AE659B

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

#C7B9C4 - #AE659B | 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 #C7B9C4 as 0% and #AE659B as 100%.

0.0%	0.0% #C7B9C4	RGB 199 185 196	#C7B9C4
16.7%	16.7% #C2ABBD	RGB 194 171 189	#C2ABBD
33.3%	33.3% #BE9DB6	RGB 190 157 182	#BE9DB6
50.0%	50.0% #BA8FAF	RGB 186 143 175	#BA8FAF
66.7%	66.7% #B681A8	RGB 182 129 168	#B681A8
83.3%	83.3% #B273A1	RGB 178 115 161	#B273A1
100.0%	100.0% #AE659B	RGB 174 101 155	#AE659B

#C7B9C4 #C2ABBD #BE9DB6 #BA8FAF #B681A8 #B273A1 #AE659B

#C7B9C4 - #AE659B

HSV Blend

#C7B9C4 - #AE659B | 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 #C7B9C4 as 0% and #AE659B as 100%.

0.0%	0.0% #C7B9C4	RGB 199 185 196	#C7B9C4
16.7%	16.7% #C2A9BD	RGB 194 169 189	#C2A9BD
33.3%	33.3% #BE9BB6	RGB 190 155 182	#BE9BB6
50.0%	50.0% #BA8CAF	RGB 186 140 175	#BA8CAF
66.7%	66.7% #B67FA8	RGB 182 127 168	#B67FA8
83.3%	83.3% #B271A1	RGB 178 113 161	#B271A1
100.0%	100.0% #AE659B	RGB 174 101 155	#AE659B

#C7B9C4 #C2A9BD #BE9BB6 #BA8CAF #B67FA8 #B271A1 #AE659B

#C7B9C4 - #BA8CAF - #AE659B

CSS codes

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

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