#C3B5EE - #795EDB | 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 #C3B5EE to #795EDB

#C3B5EE #795EDB

Calculate the color between two colors, #C3B5EE and #795EDB. 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)

#C3B5EE - #795EDB | 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 #C3B5EE as 0% and #795EDB as 100%.

0.0%	0.0% #C3B5EE	RGB 195 181 238	#C3B5EE
16.7%	16.7% #B6A6EA	RGB 182 166 234	#B6A6EA
33.3%	33.3% #AA98E7	RGB 170 152 231	#AA98E7
50.0%	50.0% #9E89E4	RGB 158 137 228	#9E89E4
66.7%	66.7% #917BE1	RGB 145 123 225	#917BE1
83.3%	83.3% #856CDE	RGB 133 108 222	#856CDE
100.0%	100.0% #795EDB	RGB 121 94 219	#795EDB

#C3B5EE #B6A6EA #AA98E7 #9E89E4 #917BE1 #856CDE #795EDB

#C3B5EE - #795EDB

HSV Blend

#C3B5EE - #795EDB | 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 #C3B5EE as 0% and #795EDB as 100%.

0.0%	0.0% #C3B5EE	RGB 195 181 238	#C3B5EE
16.7%	16.7% #B6A5EA	RGB 182 165 234	#B6A5EA
33.3%	33.3% #A996E7	RGB 169 150 231	#A996E7
50.0%	50.0% #9D87E4	RGB 157 135 228	#9D87E4
66.7%	66.7% #9179E1	RGB 145 121 225	#9179E1
83.3%	83.3% #846BDE	RGB 132 107 222	#846BDE
100.0%	100.0% #795EDB	RGB 121 94 219	#795EDB

#C3B5EE #B6A5EA #A996E7 #9D87E4 #9179E1 #846BDE #795EDB

#C3B5EE - #9D87E4 - #795EDB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C3B5EE 0%, #9D87E4 50%, #795EDB 100%);
    background: -webkit-linear-gradient(top, #C3B5EE 0%, #9D87E4 50%, #795EDB 100%);
    background: linear-gradient(to bottom, #C3B5EE 0%, #9D87E4 50%, #795EDB 100%);
}
</style>