#C7B5C9 - #726082 | 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 #C7B5C9 to #726082

#C7B5C9 #726082

Calculate the color between two colors, #C7B5C9 and #726082. 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)

#C7B5C9 - #726082 | 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 #C7B5C9 as 0% and #726082 as 100%.

0.0%	0.0% #C7B5C9	RGB 199 181 201	#C7B5C9
16.7%	16.7% #B8A6BD	RGB 184 166 189	#B8A6BD
33.3%	33.3% #AA98B1	RGB 170 152 177	#AA98B1
50.0%	50.0% #9C8AA5	RGB 156 138 165	#9C8AA5
66.7%	66.7% #8E7C99	RGB 142 124 153	#8E7C99
83.3%	83.3% #806E8D	RGB 128 110 141	#806E8D
100.0%	100.0% #726082	RGB 114 96 130	#726082

#C7B5C9 #B8A6BD #AA98B1 #9C8AA5 #8E7C99 #806E8D #726082

#C7B5C9 - #726082

HSV Blend

#C7B5C9 - #726082 | 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 #C7B5C9 as 0% and #726082 as 100%.

0.0%	0.0% #C7B5C9	RGB 199 181 201	#C7B5C9
16.7%	16.7% #B9A5BD	RGB 185 165 189	#B9A5BD
33.3%	33.3% #AB96B1	RGB 171 150 177	#AB96B1
50.0%	50.0% #9C87A5	RGB 156 135 165	#9C87A5
66.7%	66.7% #8E7999	RGB 142 121 153	#8E7999
83.3%	83.3% #806C8D	RGB 128 108 141	#806C8D
100.0%	100.0% #726082	RGB 114 96 130	#726082

#C7B5C9 #B9A5BD #AB96B1 #9C87A5 #8E7999 #806C8D #726082

#C7B5C9 - #9C87A5 - #726082

CSS codes

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

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