#C7B8D6 - #795B93 | 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 #C7B8D6 to #795B93

#C7B8D6 #795B93

Calculate the color between two colors, #C7B8D6 and #795B93. 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)

#C7B8D6 - #795B93 | 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 #C7B8D6 as 0% and #795B93 as 100%.

0.0%	0.0% #C7B8D6	RGB 199 184 214	#C7B8D6
16.7%	16.7% #BAA8CA	RGB 186 168 202	#BAA8CA
33.3%	33.3% #AD99BF	RGB 173 153 191	#AD99BF
50.0%	50.0% #A089B4	RGB 160 137 180	#A089B4
66.7%	66.7% #937AA9	RGB 147 122 169	#937AA9
83.3%	83.3% #866A9E	RGB 134 106 158	#866A9E
100.0%	100.0% #795B93	RGB 121 91 147	#795B93

#C7B8D6 #BAA8CA #AD99BF #A089B4 #937AA9 #866A9E #795B93

#C7B8D6 - #795B93

HSV Blend

#C7B8D6 - #795B93 | 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 #C7B8D6 as 0% and #795B93 as 100%.

0.0%	0.0% #C7B8D6	RGB 199 184 214	#C7B8D6
16.7%	16.7% #B8A6CA	RGB 184 166 202	#B8A6CA
33.3%	33.3% #AB95BF	RGB 171 149 191	#AB95BF
50.0%	50.0% #9D85B4	RGB 157 133 180	#9D85B4
66.7%	66.7% #9176A9	RGB 145 118 169	#9176A9
83.3%	83.3% #84689E	RGB 132 104 158	#84689E
100.0%	100.0% #795B93	RGB 121 91 147	#795B93

#C7B8D6 #B8A6CA #AB95BF #9D85B4 #9176A9 #84689E #795B93

#C7B8D6 - #9D85B4 - #795B93

CSS codes

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

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