#C0BDEE - #7756B5 | 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 #C0BDEE to #7756B5

#C0BDEE #7756B5

Calculate the color between two colors, #C0BDEE and #7756B5. 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)

#C0BDEE - #7756B5 | 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 #C0BDEE as 0% and #7756B5 as 100%.

0.0%	0.0% #C0BDEE	RGB 192 189 238	#C0BDEE
16.7%	16.7% #B3ABE4	RGB 179 171 228	#B3ABE4
33.3%	33.3% #A79ADB	RGB 167 154 219	#A79ADB
50.0%	50.0% #9B89D1	RGB 155 137 209	#9B89D1
66.7%	66.7% #8F78C8	RGB 143 120 200	#8F78C8
83.3%	83.3% #8367BE	RGB 131 103 190	#8367BE
100.0%	100.0% #7756B5	RGB 119 86 181	#7756B5

#C0BDEE #B3ABE4 #A79ADB #9B89D1 #8F78C8 #8367BE #7756B5

#C0BDEE - #7756B5

HSV Blend

#C0BDEE - #7756B5 | 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 #C0BDEE as 0% and #7756B5 as 100%.

0.0%	0.0% #C0BDEE	RGB 192 189 238	#C0BDEE
16.7%	16.7% #AFA9E4	RGB 175 169 228	#AFA9E4
33.3%	33.3% #A196DB	RGB 161 150 219	#A196DB
50.0%	50.0% #9484D1	RGB 148 132 209	#9484D1
66.7%	66.7% #8974C8	RGB 137 116 200	#8974C8
83.3%	83.3% #7F64BE	RGB 127 100 190	#7F64BE
100.0%	100.0% #7756B5	RGB 119 86 181	#7756B5

#C0BDEE #AFA9E4 #A196DB #9484D1 #8974C8 #7F64BE #7756B5

#C0BDEE - #9484D1 - #7756B5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C0BDEE 0%, #9484D1 50%, #7756B5 100%);
    background: -webkit-linear-gradient(top, #C0BDEE 0%, #9484D1 50%, #7756B5 100%);
    background: linear-gradient(to bottom, #C0BDEE 0%, #9484D1 50%, #7756B5 100%);
}
</style>