#C3B5E9 - #5751AC | 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 #C3B5E9 to #5751AC

#C3B5E9 #5751AC

Calculate the color between two colors, #C3B5E9 and #5751AC. 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)

#C3B5E9 - #5751AC | 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 #C3B5E9 as 0% and #5751AC as 100%.

0.0%	0.0% #C3B5E9	RGB 195 181 233	#C3B5E9
16.7%	16.7% #B1A4DE	RGB 177 164 222	#B1A4DE
33.3%	33.3% #9F93D4	RGB 159 147 212	#9F93D4
50.0%	50.0% #8D83CA	RGB 141 131 202	#8D83CA
66.7%	66.7% #7B72C0	RGB 123 114 192	#7B72C0
83.3%	83.3% #6961B6	RGB 105 97 182	#6961B6
100.0%	100.0% #5751AC	RGB 87 81 172	#5751AC

#C3B5E9 #B1A4DE #9F93D4 #8D83CA #7B72C0 #6961B6 #5751AC

#C3B5E9 - #5751AC

HSV Blend

#C3B5E9 - #5751AC | 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 #C3B5E9 as 0% and #5751AC as 100%.

0.0%	0.0% #C3B5E9	RGB 195 181 233	#C3B5E9
16.7%	16.7% #B0A1DE	RGB 176 161 222	#B0A1DE
33.3%	33.3% #9D8FD4	RGB 157 143 212	#9D8FD4
50.0%	50.0% #8B7ECA	RGB 139 126 202	#8B7ECA
66.7%	66.7% #796EC0	RGB 121 110 192	#796EC0
83.3%	83.3% #675FB6	RGB 103 95 182	#675FB6
100.0%	100.0% #5751AC	RGB 87 81 172	#5751AC

#C3B5E9 #B0A1DE #9D8FD4 #8B7ECA #796EC0 #675FB6 #5751AC

#C3B5E9 - #8B7ECA - #5751AC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C3B5E9 0%, #8B7ECA 50%, #5751AC 100%);
    background: -webkit-linear-gradient(top, #C3B5E9 0%, #8B7ECA 50%, #5751AC 100%);
    background: linear-gradient(to bottom, #C3B5E9 0%, #8B7ECA 50%, #5751AC 100%);
}
</style>