#C6C5E3 - #8164A6 | 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 #C6C5E3 to #8164A6

#C6C5E3 #8164A6

Calculate the color between two colors, #C6C5E3 and #8164A6. 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)

#C6C5E3 - #8164A6 | 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 #C6C5E3 as 0% and #8164A6 as 100%.

0.0%	0.0% #C6C5E3	RGB 198 197 227	#C6C5E3
16.7%	16.7% #BAB4D8	RGB 186 180 216	#BAB4D8
33.3%	33.3% #AFA4CE	RGB 175 164 206	#AFA4CE
50.0%	50.0% #A394C4	RGB 163 148 196	#A394C4
66.7%	66.7% #9884BA	RGB 152 132 186	#9884BA
83.3%	83.3% #8C74B0	RGB 140 116 176	#8C74B0
100.0%	100.0% #8164A6	RGB 129 100 166	#8164A6

#C6C5E3 #BAB4D8 #AFA4CE #A394C4 #9884BA #8C74B0 #8164A6

#C6C5E3 - #8164A6

HSV Blend

#C6C5E3 - #8164A6 | 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 #C6C5E3 as 0% and #8164A6 as 100%.

0.0%	0.0% #C6C5E3	RGB 198 197 227	#C6C5E3
16.7%	16.7% #B6B2D8	RGB 182 178 216	#B6B2D8
33.3%	33.3% #A8A1CE	RGB 168 161 206	#A8A1CE
50.0%	50.0% #9C90C4	RGB 156 144 196	#9C90C4
66.7%	66.7% #9280BA	RGB 146 128 186	#9280BA
83.3%	83.3% #8971B0	RGB 137 113 176	#8971B0
100.0%	100.0% #8164A6	RGB 129 100 166	#8164A6

#C6C5E3 #B6B2D8 #A8A1CE #9C90C4 #9280BA #8971B0 #8164A6

#C6C5E3 - #9C90C4 - #8164A6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C6C5E3 0%, #9C90C4 50%, #8164A6 100%);
    background: -webkit-linear-gradient(top, #C6C5E3 0%, #9C90C4 50%, #8164A6 100%);
    background: linear-gradient(to bottom, #C6C5E3 0%, #9C90C4 50%, #8164A6 100%);
}
</style>