#C9BECC - #8F6BA5 | 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 #C9BECC to #8F6BA5

#C9BECC #8F6BA5

Calculate the color between two colors, #C9BECC and #8F6BA5. 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)

#C9BECC - #8F6BA5 | 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 #C9BECC as 0% and #8F6BA5 as 100%.

0.0%	0.0% #C9BECC	RGB 201 190 204	#C9BECC
16.7%	16.7% #BFB0C5	RGB 191 176 197	#BFB0C5
33.3%	33.3% #B5A2BF	RGB 181 162 191	#B5A2BF
50.0%	50.0% #AC94B8	RGB 172 148 184	#AC94B8
66.7%	66.7% #A286B2	RGB 162 134 178	#A286B2
83.3%	83.3% #9878AB	RGB 152 120 171	#9878AB
100.0%	100.0% #8F6BA5	RGB 143 107 165	#8F6BA5

#C9BECC #BFB0C5 #B5A2BF #AC94B8 #A286B2 #9878AB #8F6BA5

#C9BECC - #8F6BA5

HSV Blend

#C9BECC - #8F6BA5 | 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 #C9BECC as 0% and #8F6BA5 as 100%.

0.0%	0.0% #C9BECC	RGB 201 190 204	#C9BECC
16.7%	16.7% #BFAEC5	RGB 191 174 197	#BFAEC5
33.3%	33.3% #B69FBF	RGB 182 159 191	#B69FBF
50.0%	50.0% #AC91B8	RGB 172 145 184	#AC91B8
66.7%	66.7% #A384B2	RGB 163 132 178	#A384B2
83.3%	83.3% #9977AB	RGB 153 119 171	#9977AB
100.0%	100.0% #8F6BA5	RGB 143 107 165	#8F6BA5

#C9BECC #BFAEC5 #B69FBF #AC91B8 #A384B2 #9977AB #8F6BA5

#C9BECC - #AC91B8 - #8F6BA5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C9BECC 0%, #AC91B8 50%, #8F6BA5 100%);
    background: -webkit-linear-gradient(top, #C9BECC 0%, #AC91B8 50%, #8F6BA5 100%);
    background: linear-gradient(to bottom, #C9BECC 0%, #AC91B8 50%, #8F6BA5 100%);
}
</style>