#C7C5E3 - #8464A6 | 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 #C7C5E3 to #8464A6

#C7C5E3 #8464A6

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

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

0.0%	0.0% #C7C5E3	RGB 199 197 227	#C7C5E3
16.7%	16.7% #BBB4D8	RGB 187 180 216	#BBB4D8
33.3%	33.3% #B0A4CE	RGB 176 164 206	#B0A4CE
50.0%	50.0% #A594C4	RGB 165 148 196	#A594C4
66.7%	66.7% #9A84BA	RGB 154 132 186	#9A84BA
83.3%	83.3% #8F74B0	RGB 143 116 176	#8F74B0
100.0%	100.0% #8464A6	RGB 132 100 166	#8464A6

#C7C5E3 #BBB4D8 #B0A4CE #A594C4 #9A84BA #8F74B0 #8464A6

#C7C5E3 - #8464A6

HSV Blend

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

0.0%	0.0% #C7C5E3	RGB 199 197 227	#C7C5E3
16.7%	16.7% #B7B2D8	RGB 183 178 216	#B7B2D8
33.3%	33.3% #AAA1CE	RGB 170 161 206	#AAA1CE
50.0%	50.0% #9E90C4	RGB 158 144 196	#9E90C4
66.7%	66.7% #9480BA	RGB 148 128 186	#9480BA
83.3%	83.3% #8B71B0	RGB 139 113 176	#8B71B0
100.0%	100.0% #8464A6	RGB 132 100 166	#8464A6

#C7C5E3 #B7B2D8 #AAA1CE #9E90C4 #9480BA #8B71B0 #8464A6

#C7C5E3 - #9E90C4 - #8464A6

CSS codes

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

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