#C5C5E4 - #7B64B2 | 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 #C5C5E4 to #7B64B2

#C5C5E4 #7B64B2

Calculate the color between two colors, #C5C5E4 and #7B64B2. 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)

#C5C5E4 - #7B64B2 | 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 #C5C5E4 as 0% and #7B64B2 as 100%.

0.0%	0.0% #C5C5E4	RGB 197 197 228	#C5C5E4
16.7%	16.7% #B8B4DB	RGB 184 180 219	#B8B4DB
33.3%	33.3% #ACA4D3	RGB 172 164 211	#ACA4D3
50.0%	50.0% #A094CB	RGB 160 148 203	#A094CB
66.7%	66.7% #9384C2	RGB 147 132 194	#9384C2
83.3%	83.3% #8774BA	RGB 135 116 186	#8774BA
100.0%	100.0% #7B64B2	RGB 123 100 178	#7B64B2

#C5C5E4 #B8B4DB #ACA4D3 #A094CB #9384C2 #8774BA #7B64B2

#C5C5E4 - #7B64B2

HSV Blend

#C5C5E4 - #7B64B2 | 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 #C5C5E4 as 0% and #7B64B2 as 100%.

0.0%	0.0% #C5C5E4	RGB 197 197 228	#C5C5E4
16.7%	16.7% #B4B2DB	RGB 180 178 219	#B4B2DB
33.3%	33.3% #A6A1D3	RGB 166 161 211	#A6A1D3
50.0%	50.0% #9990CB	RGB 153 144 203	#9990CB
66.7%	66.7% #8D80C2	RGB 141 128 194	#8D80C2
83.3%	83.3% #8372BA	RGB 131 114 186	#8372BA
100.0%	100.0% #7B64B2	RGB 123 100 178	#7B64B2

#C5C5E4 #B4B2DB #A6A1D3 #9990CB #8D80C2 #8372BA #7B64B2

#C5C5E4 - #9990CB - #7B64B2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C5C5E4 0%, #9990CB 50%, #7B64B2 100%);
    background: -webkit-linear-gradient(top, #C5C5E4 0%, #9990CB 50%, #7B64B2 100%);
    background: linear-gradient(to bottom, #C5C5E4 0%, #9990CB 50%, #7B64B2 100%);
}
</style>