#C9C4D8 - #816896 | 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 #C9C4D8 to #816896

#C9C4D8 #816896

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

#C9C4D8 - #816896 | 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 #C9C4D8 as 0% and #816896 as 100%.

0.0%	0.0% #C9C4D8	RGB 201 196 216	#C9C4D8
16.7%	16.7% #BDB4CD	RGB 189 180 205	#BDB4CD
33.3%	33.3% #B1A5C2	RGB 177 165 194	#B1A5C2
50.0%	50.0% #A596B7	RGB 165 150 183	#A596B7
66.7%	66.7% #9986AC	RGB 153 134 172	#9986AC
83.3%	83.3% #8D77A1	RGB 141 119 161	#8D77A1
100.0%	100.0% #816896	RGB 129 104 150	#816896

#C9C4D8 #BDB4CD #B1A5C2 #A596B7 #9986AC #8D77A1 #816896

#C9C4D8 - #816896

HSV Blend

#C9C4D8 - #816896 | 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 #C9C4D8 as 0% and #816896 as 100%.

0.0%	0.0% #C9C4D8	RGB 201 196 216	#C9C4D8
16.7%	16.7% #BAB2CD	RGB 186 178 205	#BAB2CD
33.3%	33.3% #ADA2C2	RGB 173 162 194	#ADA2C2
50.0%	50.0% #A092B7	RGB 160 146 183	#A092B7
66.7%	66.7% #9583AC	RGB 149 131 172	#9583AC
83.3%	83.3% #8A75A1	RGB 138 117 161	#8A75A1
100.0%	100.0% #816896	RGB 129 104 150	#816896

#C9C4D8 #BAB2CD #ADA2C2 #A092B7 #9583AC #8A75A1 #816896

#C9C4D8 - #A092B7 - #816896

CSS codes

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

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