#C3B2D1 - #82528C | 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 #C3B2D1 to #82528C

#C3B2D1 #82528C

Calculate the color between two colors, #C3B2D1 and #82528C. 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)

#C3B2D1 - #82528C | 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 #C3B2D1 as 0% and #82528C as 100%.

0.0%	0.0% #C3B2D1	RGB 195 178 209	#C3B2D1
16.7%	16.7% #B8A2C5	RGB 184 162 197	#B8A2C5
33.3%	33.3% #AD92BA	RGB 173 146 186	#AD92BA
50.0%	50.0% #A282AE	RGB 162 130 174	#A282AE
66.7%	66.7% #9772A3	RGB 151 114 163	#9772A3
83.3%	83.3% #8C6297	RGB 140 98 151	#8C6297
100.0%	100.0% #82528C	RGB 130 82 140	#82528C

#C3B2D1 #B8A2C5 #AD92BA #A282AE #9772A3 #8C6297 #82528C

#C3B2D1 - #82528C

HSV Blend

#C3B2D1 - #82528C | 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 #C3B2D1 as 0% and #82528C as 100%.

0.0%	0.0% #C3B2D1	RGB 195 178 209	#C3B2D1
16.7%	16.7% #B69FC5	RGB 182 159 197	#B69FC5
33.3%	33.3% #AA8DBA	RGB 170 141 186	#AA8DBA
50.0%	50.0% #9F7DAE	RGB 159 125 174	#9F7DAE
66.7%	66.7% #946DA3	RGB 148 109 163	#946DA3
83.3%	83.3% #8B5F97	RGB 139 95 151	#8B5F97
100.0%	100.0% #82528C	RGB 130 82 140	#82528C

#C3B2D1 #B69FC5 #AA8DBA #9F7DAE #946DA3 #8B5F97 #82528C

#C3B2D1 - #9F7DAE - #82528C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C3B2D1 0%, #9F7DAE 50%, #82528C 100%);
    background: -webkit-linear-gradient(top, #C3B2D1 0%, #9F7DAE 50%, #82528C 100%);
    background: linear-gradient(to bottom, #C3B2D1 0%, #9F7DAE 50%, #82528C 100%);
}
</style>