#C5B5ED - #784DB3 | 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 #C5B5ED to #784DB3

#C5B5ED #784DB3

Calculate the color between two colors, #C5B5ED and #784DB3. 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)

#C5B5ED - #784DB3 | 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 #C5B5ED as 0% and #784DB3 as 100%.

0.0%	0.0% #C5B5ED	RGB 197 181 237	#C5B5ED
16.7%	16.7% #B8A3E3	RGB 184 163 227	#B8A3E3
33.3%	33.3% #AB92D9	RGB 171 146 217	#AB92D9
50.0%	50.0% #9E81D0	RGB 158 129 208	#9E81D0
66.7%	66.7% #916FC6	RGB 145 111 198	#916FC6
83.3%	83.3% #845EBC	RGB 132 94 188	#845EBC
100.0%	100.0% #784DB3	RGB 120 77 179	#784DB3

#C5B5ED #B8A3E3 #AB92D9 #9E81D0 #916FC6 #845EBC #784DB3

#C5B5ED - #784DB3

HSV Blend

#C5B5ED - #784DB3 | 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 #C5B5ED as 0% and #784DB3 as 100%.

0.0%	0.0% #C5B5ED	RGB 197 181 237	#C5B5ED
16.7%	16.7% #B5A0E3	RGB 181 160 227	#B5A0E3
33.3%	33.3% #A78ED9	RGB 167 142 217	#A78ED9
50.0%	50.0% #997CD0	RGB 153 124 208	#997CD0
66.7%	66.7% #8D6BC6	RGB 141 107 198	#8D6BC6
83.3%	83.3% #825BBC	RGB 130 91 188	#825BBC
100.0%	100.0% #784DB3	RGB 120 77 179	#784DB3

#C5B5ED #B5A0E3 #A78ED9 #997CD0 #8D6BC6 #825BBC #784DB3

#C5B5ED - #997CD0 - #784DB3

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C5B5ED 0%, #997CD0 50%, #784DB3 100%);
    background: -webkit-linear-gradient(top, #C5B5ED 0%, #997CD0 50%, #784DB3 100%);
    background: linear-gradient(to bottom, #C5B5ED 0%, #997CD0 50%, #784DB3 100%);
}
</style>