#C7ACC1 - #9D4D75 | 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 #C7ACC1 to #9D4D75

#C7ACC1 #9D4D75

Calculate the color between two colors, #C7ACC1 and #9D4D75. 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)

#C7ACC1 - #9D4D75 | 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 #C7ACC1 as 0% and #9D4D75 as 100%.

0.0%	0.0% #C7ACC1	RGB 199 172 193	#C7ACC1
16.7%	16.7% #C09CB4	RGB 192 156 180	#C09CB4
33.3%	33.3% #B98CA7	RGB 185 140 167	#B98CA7
50.0%	50.0% #B27C9B	RGB 178 124 155	#B27C9B
66.7%	66.7% #AB6C8E	RGB 171 108 142	#AB6C8E
83.3%	83.3% #A45C81	RGB 164 92 129	#A45C81
100.0%	100.0% #9D4D75	RGB 157 77 117	#9D4D75

#C7ACC1 #C09CB4 #B98CA7 #B27C9B #AB6C8E #A45C81 #9D4D75

#C7ACC1 - #9D4D75

HSV Blend

#C7ACC1 - #9D4D75 | 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 #C7ACC1 as 0% and #9D4D75 as 100%.

0.0%	0.0% #C7ACC1	RGB 199 172 193	#C7ACC1
16.7%	16.7% #C099B5	RGB 192 153 181	#C099B5
33.3%	33.3% #B988A9	RGB 185 136 169	#B988A9
50.0%	50.0% #B2789D	RGB 178 120 157	#B2789D
66.7%	66.7% #AB6990	RGB 171 105 144	#AB6990
83.3%	83.3% #A45A82	RGB 164 90 130	#A45A82
100.0%	100.0% #9D4D75	RGB 157 77 117	#9D4D75

#C7ACC1 #C099B5 #B988A9 #B2789D #AB6990 #A45A82 #9D4D75

#C7ACC1 - #B2789D - #9D4D75

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C7ACC1 0%, #B2789D 50%, #9D4D75 100%);
    background: -webkit-linear-gradient(top, #C7ACC1 0%, #B2789D 50%, #9D4D75 100%);
    background: linear-gradient(to bottom, #C7ACC1 0%, #B2789D 50%, #9D4D75 100%);
}
</style>