#9C7E9A - #9FBCCD | 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 #9C7E9A to #9FBCCD

#9C7E9A #9FBCCD

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

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

0.0%	0.0% #9C7E9A	RGB 156 126 154	#9C7E9A
16.7%	16.7% #9C88A2	RGB 156 136 162	#9C88A2
33.3%	33.3% #9D92AB	RGB 157 146 171	#9D92AB
50.0%	50.0% #9D9DB3	RGB 157 157 179	#9D9DB3
66.7%	66.7% #9EA7BC	RGB 158 167 188	#9EA7BC
83.3%	83.3% #9EB1C4	RGB 158 177 196	#9EB1C4
100.0%	100.0% #9FBCCD	RGB 159 188 205	#9FBCCD

#9C7E9A #9C88A2 #9D92AB #9D9DB3 #9EA7BC #9EB1C4 #9FBCCD

#9C7E9A - #9FBCCD

HSV Blend

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

0.0%	0.0% #9C7E9A	RGB 156 126 154	#9C7E9A
16.7%	16.7% #9D83A4	RGB 157 131 164	#9D83A4
33.3%	33.3% #9A89AC	RGB 154 137 172	#9A89AC
50.0%	50.0% #978EB4	RGB 151 142 180	#978EB4
66.7%	66.7% #9496BC	RGB 148 150 188	#9496BC
83.3%	83.3% #99A8C4	RGB 153 168 196	#99A8C4
100.0%	100.0% #9FBCCD	RGB 159 188 205	#9FBCCD

#9C7E9A #9D83A4 #9A89AC #978EB4 #9496BC #99A8C4 #9FBCCD

#9C7E9A - #978EB4 - #9FBCCD

CSS codes

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

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