#C5A8D3 - #81478E | 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 #C5A8D3 to #81478E

#C5A8D3 #81478E

Calculate the color between two colors, #C5A8D3 and #81478E. 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)

#C5A8D3 - #81478E | 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 #C5A8D3 as 0% and #81478E as 100%.

0.0%	0.0% #C5A8D3	RGB 197 168 211	#C5A8D3
16.7%	16.7% #B997C7	RGB 185 151 199	#B997C7
33.3%	33.3% #AE87BC	RGB 174 135 188	#AE87BC
50.0%	50.0% #A377B0	RGB 163 119 176	#A377B0
66.7%	66.7% #9767A5	RGB 151 103 165	#9767A5
83.3%	83.3% #8C5799	RGB 140 87 153	#8C5799
100.0%	100.0% #81478E	RGB 129 71 142	#81478E

#C5A8D3 #B997C7 #AE87BC #A377B0 #9767A5 #8C5799 #81478E

#C5A8D3 - #81478E

HSV Blend

#C5A8D3 - #81478E | 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 #C5A8D3 as 0% and #81478E as 100%.

0.0%	0.0% #C5A8D3	RGB 197 168 211	#C5A8D3
16.7%	16.7% #B894C7	RGB 184 148 199	#B894C7
33.3%	33.3% #AC83BC	RGB 172 131 188	#AC83BC
50.0%	50.0% #A072B0	RGB 160 114 176	#A072B0
66.7%	66.7% #9562A5	RGB 149 98 165	#9562A5
83.3%	83.3% #8B5499	RGB 139 84 153	#8B5499
100.0%	100.0% #81478E	RGB 129 71 142	#81478E

#C5A8D3 #B894C7 #AC83BC #A072B0 #9562A5 #8B5499 #81478E

#C5A8D3 - #A072B0 - #81478E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C5A8D3 0%, #A072B0 50%, #81478E 100%);
    background: -webkit-linear-gradient(top, #C5A8D3 0%, #A072B0 50%, #81478E 100%);
    background: linear-gradient(to bottom, #C5A8D3 0%, #A072B0 50%, #81478E 100%);
}
</style>