#C99AD8 - #9933A8 | 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 #C99AD8 to #9933A8

#C99AD8 #9933A8

Calculate the color between two colors, #C99AD8 and #9933A8. 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)

#C99AD8 - #9933A8 | 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 #C99AD8 as 0% and #9933A8 as 100%.

0.0%	0.0% #C99AD8	RGB 201 154 216	#C99AD8
16.7%	16.7% #C188D0	RGB 193 136 208	#C188D0
33.3%	33.3% #B977C8	RGB 185 119 200	#B977C8
50.0%	50.0% #B166C0	RGB 177 102 192	#B166C0
66.7%	66.7% #A955B8	RGB 169 85 184	#A955B8
83.3%	83.3% #A144B0	RGB 161 68 176	#A144B0
100.0%	100.0% #9933A8	RGB 153 51 168	#9933A8

#C99AD8 #C188D0 #B977C8 #B166C0 #A955B8 #A144B0 #9933A8

#C99AD8 - #9933A8

HSV Blend

#C99AD8 - #9933A8 | 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 #C99AD8 as 0% and #9933A8 as 100%.

0.0%	0.0% #C99AD8	RGB 201 154 216	#C99AD8
16.7%	16.7% #BF86D0	RGB 191 134 208	#BF86D0
33.3%	33.3% #B673C8	RGB 182 115 200	#B673C8
50.0%	50.0% #AE61C0	RGB 174 97 192	#AE61C0
66.7%	66.7% #A650B8	RGB 166 80 184	#A650B8
83.3%	83.3% #9F41B0	RGB 159 65 176	#9F41B0
100.0%	100.0% #9933A8	RGB 153 51 168	#9933A8

#C99AD8 #BF86D0 #B673C8 #AE61C0 #A650B8 #9F41B0 #9933A8

#C99AD8 - #AE61C0 - #9933A8

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C99AD8 0%, #AE61C0 50%, #9933A8 100%);
    background: -webkit-linear-gradient(top, #C99AD8 0%, #AE61C0 50%, #9933A8 100%);
    background: linear-gradient(to bottom, #C99AD8 0%, #AE61C0 50%, #9933A8 100%);
}
</style>