#C2B8C2 - #9964A0 | 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 #C2B8C2 to #9964A0

#C2B8C2 #9964A0

Calculate the color between two colors, #C2B8C2 and #9964A0. 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)

#C2B8C2 - #9964A0 | 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 #C2B8C2 as 0% and #9964A0 as 100%.

0.0%	0.0% #C2B8C2	RGB 194 184 194	#C2B8C2
16.7%	16.7% #BBAABC	RGB 187 170 188	#BBAABC
33.3%	33.3% #B49CB6	RGB 180 156 182	#B49CB6
50.0%	50.0% #AD8EB1	RGB 173 142 177	#AD8EB1
66.7%	66.7% #A680AB	RGB 166 128 171	#A680AB
83.3%	83.3% #9F72A5	RGB 159 114 165	#9F72A5
100.0%	100.0% #9964A0	RGB 153 100 160	#9964A0

#C2B8C2 #BBAABC #B49CB6 #AD8EB1 #A680AB #9F72A5 #9964A0

#C2B8C2 - #9964A0

HSV Blend

#C2B8C2 - #9964A0 | 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 #C2B8C2 as 0% and #9964A0 as 100%.

0.0%	0.0% #C2B8C2	RGB 194 184 194	#C2B8C2
16.7%	16.7% #BBA8BC	RGB 187 168 188	#BBA8BC
33.3%	33.3% #B599B6	RGB 181 153 182	#B599B6
50.0%	50.0% #AE8BB1	RGB 174 139 177	#AE8BB1
66.7%	66.7% #A77DAB	RGB 167 125 171	#A77DAB
83.3%	83.3% #A070A5	RGB 160 112 165	#A070A5
100.0%	100.0% #9964A0	RGB 153 100 160	#9964A0

#C2B8C2 #BBA8BC #B599B6 #AE8BB1 #A77DAB #A070A5 #9964A0

#C2B8C2 - #AE8BB1 - #9964A0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C2B8C2 0%, #AE8BB1 50%, #9964A0 100%);
    background: -webkit-linear-gradient(top, #C2B8C2 0%, #AE8BB1 50%, #9964A0 100%);
    background: linear-gradient(to bottom, #C2B8C2 0%, #AE8BB1 50%, #9964A0 100%);
}
</style>