#C8C8D1 - #6D7492 | 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 #C8C8D1 to #6D7492

#C8C8D1 #6D7492

Calculate the color between two colors, #C8C8D1 and #6D7492. 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)

#C8C8D1 - #6D7492 | 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 #C8C8D1 as 0% and #6D7492 as 100%.

0.0%	0.0% #C8C8D1	RGB 200 200 209	#C8C8D1
16.7%	16.7% #B8BAC6	RGB 184 186 198	#B8BAC6
33.3%	33.3% #A9ACBC	RGB 169 172 188	#A9ACBC
50.0%	50.0% #9A9EB1	RGB 154 158 177	#9A9EB1
66.7%	66.7% #8B90A7	RGB 139 144 167	#8B90A7
83.3%	83.3% #7C829C	RGB 124 130 156	#7C829C
100.0%	100.0% #6D7492	RGB 109 116 146	#6D7492

#C8C8D1 #B8BAC6 #A9ACBC #9A9EB1 #8B90A7 #7C829C #6D7492

#C8C8D1 - #6D7492

HSV Blend

#C8C8D1 - #6D7492 | 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 #C8C8D1 as 0% and #6D7492 as 100%.

0.0%	0.0% #C8C8D1	RGB 200 200 209	#C8C8D1
16.7%	16.7% #B6B7C6	RGB 182 183 198	#B6B7C6
33.3%	33.3% #A6A8BC	RGB 166 168 188	#A6A8BC
50.0%	50.0% #9799B1	RGB 151 153 177	#9799B1
66.7%	66.7% #888CA7	RGB 136 140 167	#888CA7
83.3%	83.3% #7A7F9C	RGB 122 127 156	#7A7F9C
100.0%	100.0% #6D7492	RGB 109 116 146	#6D7492

#C8C8D1 #B6B7C6 #A6A8BC #9799B1 #888CA7 #7A7F9C #6D7492

#C8C8D1 - #9799B1 - #6D7492

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C8C8D1 0%, #9799B1 50%, #6D7492 100%);
    background: -webkit-linear-gradient(top, #C8C8D1 0%, #9799B1 50%, #6D7492 100%);
    background: linear-gradient(to bottom, #C8C8D1 0%, #9799B1 50%, #6D7492 100%);
}
</style>