#C8C5DC - #82679C | 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 #C8C5DC to #82679C

#C8C5DC #82679C

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

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

0.0%	0.0% #C8C5DC	RGB 200 197 220	#C8C5DC
16.7%	16.7% #BCB5D1	RGB 188 181 209	#BCB5D1
33.3%	33.3% #B0A5C6	RGB 176 165 198	#B0A5C6
50.0%	50.0% #A596BC	RGB 165 150 188	#A596BC
66.7%	66.7% #9986B1	RGB 153 134 177	#9986B1
83.3%	83.3% #8D76A6	RGB 141 118 166	#8D76A6
100.0%	100.0% #82679C	RGB 130 103 156	#82679C

#C8C5DC #BCB5D1 #B0A5C6 #A596BC #9986B1 #8D76A6 #82679C

#C8C5DC - #82679C

HSV Blend

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

0.0%	0.0% #C8C5DC	RGB 200 197 220	#C8C5DC
16.7%	16.7% #B9B3D1	RGB 185 179 209	#B9B3D1
33.3%	33.3% #ABA2C6	RGB 171 162 198	#ABA2C6
50.0%	50.0% #9F92BC	RGB 159 146 188	#9F92BC
66.7%	66.7% #9482B1	RGB 148 130 177	#9482B1
83.3%	83.3% #8A74A6	RGB 138 116 166	#8A74A6
100.0%	100.0% #82679C	RGB 130 103 156	#82679C

#C8C5DC #B9B3D1 #ABA2C6 #9F92BC #9482B1 #8A74A6 #82679C

#C8C5DC - #9F92BC - #82679C

CSS codes

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

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