#C9C5DA - #826899 | 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 #C9C5DA to #826899

#C9C5DA #826899

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

#C9C5DA - #826899 | 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 #C9C5DA as 0% and #826899 as 100%.

0.0%	0.0% #C9C5DA	RGB 201 197 218	#C9C5DA
16.7%	16.7% #BDB5CF	RGB 189 181 207	#BDB5CF
33.3%	33.3% #B1A6C4	RGB 177 166 196	#B1A6C4
50.0%	50.0% #A596B9	RGB 165 150 185	#A596B9
66.7%	66.7% #9987AE	RGB 153 135 174	#9987AE
83.3%	83.3% #8D77A3	RGB 141 119 163	#8D77A3
100.0%	100.0% #826899	RGB 130 104 153	#826899

#C9C5DA #BDB5CF #B1A6C4 #A596B9 #9987AE #8D77A3 #826899

#C9C5DA - #826899

HSV Blend

#C9C5DA - #826899 | 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 #C9C5DA as 0% and #826899 as 100%.

0.0%	0.0% #C9C5DA	RGB 201 197 218	#C9C5DA
16.7%	16.7% #BAB3CF	RGB 186 179 207	#BAB3CF
33.3%	33.3% #ACA2C4	RGB 172 162 196	#ACA2C4
50.0%	50.0% #A092B9	RGB 160 146 185	#A092B9
66.7%	66.7% #9583AE	RGB 149 131 174	#9583AE
83.3%	83.3% #8B75A3	RGB 139 117 163	#8B75A3
100.0%	100.0% #826899	RGB 130 104 153	#826899

#C9C5DA #BAB3CF #ACA2C4 #A092B9 #9583AE #8B75A3 #826899

#C9C5DA - #A092B9 - #826899

CSS codes

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

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