#C5C2FD - #7B58CD | 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 #C5C2FD to #7B58CD

#C5C2FD #7B58CD

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

#C5C2FD - #7B58CD | 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 #C5C2FD as 0% and #7B58CD as 100%.

0.0%	0.0% #C5C2FD	RGB 197 194 253	#C5C2FD
16.7%	16.7% #B8B0F5	RGB 184 176 245	#B8B0F5
33.3%	33.3% #AC9EED	RGB 172 158 237	#AC9EED
50.0%	50.0% #A08DE5	RGB 160 141 229	#A08DE5
66.7%	66.7% #937BDD	RGB 147 123 221	#937BDD
83.3%	83.3% #8769D5	RGB 135 105 213	#8769D5
100.0%	100.0% #7B58CD	RGB 123 88 205	#7B58CD

#C5C2FD #B8B0F5 #AC9EED #A08DE5 #937BDD #8769D5 #7B58CD

#C5C2FD - #7B58CD

HSV Blend

#C5C2FD - #7B58CD | 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 #C5C2FD as 0% and #7B58CD as 100%.

0.0%	0.0% #C5C2FD	RGB 197 194 253	#C5C2FD
16.7%	16.7% #B4AEF5	RGB 180 174 245	#B4AEF5
33.3%	33.3% #A69BED	RGB 166 155 237	#A69BED
50.0%	50.0% #9988E5	RGB 153 136 229	#9988E5
66.7%	66.7% #8D77DD	RGB 141 119 221	#8D77DD
83.3%	83.3% #8367D5	RGB 131 103 213	#8367D5
100.0%	100.0% #7B58CD	RGB 123 88 205	#7B58CD

#C5C2FD #B4AEF5 #A69BED #9988E5 #8D77DD #8367D5 #7B58CD

#C5C2FD - #9988E5 - #7B58CD

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C5C2FD 0%, #9988E5 50%, #7B58CD 100%);
    background: -webkit-linear-gradient(top, #C5C2FD 0%, #9988E5 50%, #7B58CD 100%);
    background: linear-gradient(to bottom, #C5C2FD 0%, #9988E5 50%, #7B58CD 100%);
}
</style>