#C5A8F0 - #893CB7 | 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 #C5A8F0 to #893CB7

#C5A8F0 #893CB7

Calculate the color between two colors, #C5A8F0 and #893CB7. 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)

#C5A8F0 - #893CB7 | 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 #C5A8F0 as 0% and #893CB7 as 100%.

0.0%	0.0% #C5A8F0	RGB 197 168 240	#C5A8F0
16.7%	16.7% #BB96E6	RGB 187 150 230	#BB96E6
33.3%	33.3% #B184DD	RGB 177 132 221	#B184DD
50.0%	50.0% #A772D3	RGB 167 114 211	#A772D3
66.7%	66.7% #9D60CA	RGB 157 96 202	#9D60CA
83.3%	83.3% #934EC0	RGB 147 78 192	#934EC0
100.0%	100.0% #893CB7	RGB 137 60 183	#893CB7

#C5A8F0 #BB96E6 #B184DD #A772D3 #9D60CA #934EC0 #893CB7

#C5A8F0 - #893CB7

HSV Blend

#C5A8F0 - #893CB7 | 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 #C5A8F0 as 0% and #893CB7 as 100%.

0.0%	0.0% #C5A8F0	RGB 197 168 240	#C5A8F0
16.7%	16.7% #B793E6	RGB 183 147 230	#B793E6
33.3%	33.3% #AC7FDD	RGB 172 127 221	#AC7FDD
50.0%	50.0% #A16CD3	RGB 161 108 211	#A16CD3
66.7%	66.7% #985BCA	RGB 152 91 202	#985BCA
83.3%	83.3% #904BC0	RGB 144 75 192	#904BC0
100.0%	100.0% #893CB7	RGB 137 60 183	#893CB7

#C5A8F0 #B793E6 #AC7FDD #A16CD3 #985BCA #904BC0 #893CB7

#C5A8F0 - #A16CD3 - #893CB7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C5A8F0 0%, #A16CD3 50%, #893CB7 100%);
    background: -webkit-linear-gradient(top, #C5A8F0 0%, #A16CD3 50%, #893CB7 100%);
    background: linear-gradient(to bottom, #C5A8F0 0%, #A16CD3 50%, #893CB7 100%);
}
</style>