#C5A8C5 - #9D539F | 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 #C5A8C5 to #9D539F

#C5A8C5 #9D539F

Calculate the color between two colors, #C5A8C5 and #9D539F. 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)

#C5A8C5 - #9D539F | 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 #C5A8C5 as 0% and #9D539F as 100%.

0.0%	0.0% #C5A8C5	RGB 197 168 197	#C5A8C5
16.7%	16.7% #BE99BE	RGB 190 153 190	#BE99BE
33.3%	33.3% #B78BB8	RGB 183 139 184	#B78BB8
50.0%	50.0% #B17DB2	RGB 177 125 178	#B17DB2
66.7%	66.7% #AA6FAB	RGB 170 111 171	#AA6FAB
83.3%	83.3% #A361A5	RGB 163 97 165	#A361A5
100.0%	100.0% #9D539F	RGB 157 83 159	#9D539F

#C5A8C5 #BE99BE #B78BB8 #B17DB2 #AA6FAB #A361A5 #9D539F

#C5A8C5 - #9D539F

HSV Blend

#C5A8C5 - #9D539F | 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 #C5A8C5 as 0% and #9D539F as 100%.

0.0%	0.0% #C5A8C5	RGB 197 168 197	#C5A8C5
16.7%	16.7% #BE98BE	RGB 190 152 190	#BE98BE
33.3%	33.3% #B788B8	RGB 183 136 184	#B788B8
50.0%	50.0% #B17AB2	RGB 177 122 178	#B17AB2
66.7%	66.7% #AA6CAB	RGB 170 108 171	#AA6CAB
83.3%	83.3% #A35FA5	RGB 163 95 165	#A35FA5
100.0%	100.0% #9D539F	RGB 157 83 159	#9D539F

#C5A8C5 #BE98BE #B788B8 #B17AB2 #AA6CAB #A35FA5 #9D539F

#C5A8C5 - #B17AB2 - #9D539F

CSS codes

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

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