#C3B5E3 - #7751A5 | 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 #C3B5E3 to #7751A5

#C3B5E3 #7751A5

Calculate the color between two colors, #C3B5E3 and #7751A5. 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)

#C3B5E3 - #7751A5 | 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 #C3B5E3 as 0% and #7751A5 as 100%.

0.0%	0.0% #C3B5E3	RGB 195 181 227	#C3B5E3
16.7%	16.7% #B6A4D8	RGB 182 164 216	#B6A4D8
33.3%	33.3% #A993CE	RGB 169 147 206	#A993CE
50.0%	50.0% #9D83C4	RGB 157 131 196	#9D83C4
66.7%	66.7% #9072B9	RGB 144 114 185	#9072B9
83.3%	83.3% #8361AF	RGB 131 97 175	#8361AF
100.0%	100.0% #7751A5	RGB 119 81 165	#7751A5

#C3B5E3 #B6A4D8 #A993CE #9D83C4 #9072B9 #8361AF #7751A5

#C3B5E3 - #7751A5

HSV Blend

#C3B5E3 - #7751A5 | 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 #C3B5E3 as 0% and #7751A5 as 100%.

0.0%	0.0% #C3B5E3	RGB 195 181 227	#C3B5E3
16.7%	16.7% #B3A1D8	RGB 179 161 216	#B3A1D8
33.3%	33.3% #A58FCE	RGB 165 143 206	#A58FCE
50.0%	50.0% #987EC4	RGB 152 126 196	#987EC4
66.7%	66.7% #8C6EB9	RGB 140 110 185	#8C6EB9
83.3%	83.3% #815FAF	RGB 129 95 175	#815FAF
100.0%	100.0% #7751A5	RGB 119 81 165	#7751A5

#C3B5E3 #B3A1D8 #A58FCE #987EC4 #8C6EB9 #815FAF #7751A5

#C3B5E3 - #987EC4 - #7751A5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C3B5E3 0%, #987EC4 50%, #7751A5 100%);
    background: -webkit-linear-gradient(top, #C3B5E3 0%, #987EC4 50%, #7751A5 100%);
    background: linear-gradient(to bottom, #C3B5E3 0%, #987EC4 50%, #7751A5 100%);
}
</style>