#C4A8D1 - #8853AE | 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 #C4A8D1 to #8853AE

#C4A8D1 #8853AE

Calculate the color between two colors, #C4A8D1 and #8853AE. 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)

#C4A8D1 - #8853AE | 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 #C4A8D1 as 0% and #8853AE as 100%.

0.0%	0.0% #C4A8D1	RGB 196 168 209	#C4A8D1
16.7%	16.7% #BA99CB	RGB 186 153 203	#BA99CB
33.3%	33.3% #B08BC5	RGB 176 139 197	#B08BC5
50.0%	50.0% #A67DBF	RGB 166 125 191	#A67DBF
66.7%	66.7% #9C6FB9	RGB 156 111 185	#9C6FB9
83.3%	83.3% #9261B3	RGB 146 97 179	#9261B3
100.0%	100.0% #8853AE	RGB 136 83 174	#8853AE

#C4A8D1 #BA99CB #B08BC5 #A67DBF #9C6FB9 #9261B3 #8853AE

#C4A8D1 - #8853AE

HSV Blend

#C4A8D1 - #8853AE | 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 #C4A8D1 as 0% and #8853AE as 100%.

0.0%	0.0% #C4A8D1	RGB 196 168 209	#C4A8D1
16.7%	16.7% #BA98CB	RGB 186 152 203	#BA98CB
33.3%	33.3% #B089C5	RGB 176 137 197	#B089C5
50.0%	50.0% #A67ABF	RGB 166 122 191	#A67ABF
66.7%	66.7% #9C6CB9	RGB 156 108 185	#9C6CB9
83.3%	83.3% #925FB3	RGB 146 95 179	#925FB3
100.0%	100.0% #8853AE	RGB 136 83 174	#8853AE

#C4A8D1 #BA98CB #B089C5 #A67ABF #9C6CB9 #925FB3 #8853AE

#C4A8D1 - #A67ABF - #8853AE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C4A8D1 0%, #A67ABF 50%, #8853AE 100%);
    background: -webkit-linear-gradient(top, #C4A8D1 0%, #A67ABF 50%, #8853AE 100%);
    background: linear-gradient(to bottom, #C4A8D1 0%, #A67ABF 50%, #8853AE 100%);
}
</style>