#C8A8BD - #854B7C | 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 #C8A8BD to #854B7C

#C8A8BD #854B7C

Calculate the color between two colors, #C8A8BD and #854B7C. 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)

#C8A8BD - #854B7C | 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 #C8A8BD as 0% and #854B7C as 100%.

0.0%	0.0% #C8A8BD	RGB 200 168 189	#C8A8BD
16.7%	16.7% #BC98B2	RGB 188 152 178	#BC98B2
33.3%	33.3% #B189A7	RGB 177 137 167	#B189A7
50.0%	50.0% #A6799C	RGB 166 121 156	#A6799C
66.7%	66.7% #9B6A91	RGB 155 106 145	#9B6A91
83.3%	83.3% #905A86	RGB 144 90 134	#905A86
100.0%	100.0% #854B7C	RGB 133 75 124	#854B7C

#C8A8BD #BC98B2 #B189A7 #A6799C #9B6A91 #905A86 #854B7C

#C8A8BD - #854B7C

HSV Blend

#C8A8BD - #854B7C | 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 #C8A8BD as 0% and #854B7C as 100%.

0.0%	0.0% #C8A8BD	RGB 200 168 189	#C8A8BD
16.7%	16.7% #BC95B0	RGB 188 149 176	#BC95B0
33.3%	33.3% #B184A5	RGB 177 132 165	#B184A5
50.0%	50.0% #A6749A	RGB 166 116 154	#A6749A
66.7%	66.7% #9B658F	RGB 155 101 143	#9B658F
83.3%	83.3% #905785	RGB 144 87 133	#905785
100.0%	100.0% #854B7C	RGB 133 75 124	#854B7C

#C8A8BD #BC95B0 #B184A5 #A6749A #9B658F #905785 #854B7C

#C8A8BD - #A6749A - #854B7C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C8A8BD 0%, #A6749A 50%, #854B7C 100%);
    background: -webkit-linear-gradient(top, #C8A8BD 0%, #A6749A 50%, #854B7C 100%);
    background: linear-gradient(to bottom, #C8A8BD 0%, #A6749A 50%, #854B7C 100%);
}
</style>