#7777B7 - #B7B7C7 | 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 #7777B7 to #B7B7C7

#7777B7 #B7B7C7

Calculate the color between two colors, #7777B7 and #B7B7C7. 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)

#7777B7 - #B7B7C7 | 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 #7777B7 as 0% and #B7B7C7 as 100%.

0.0%	0.0% #7777B7	RGB 119 119 183	#7777B7
16.7%	16.7% #8181B9	RGB 129 129 185	#8181B9
33.3%	33.3% #8C8CBC	RGB 140 140 188	#8C8CBC
50.0%	50.0% #9797BF	RGB 151 151 191	#9797BF
66.7%	66.7% #A1A1C1	RGB 161 161 193	#A1A1C1
83.3%	83.3% #ACACC4	RGB 172 172 196	#ACACC4
100.0%	100.0% #B7B7C7	RGB 183 183 199	#B7B7C7

#7777B7 #8181B9 #8C8CBC #9797BF #A1A1C1 #ACACC4 #B7B7C7

#7777B7 - #B7B7C7

HSV Blend

#7777B7 - #B7B7C7 | 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 #7777B7 as 0% and #B7B7C7 as 100%.

0.0%	0.0% #7777B7	RGB 119 119 183	#7777B7
16.7%	16.7% #8181B9	RGB 129 129 185	#8181B9
33.3%	33.3% #8B8BBC	RGB 139 139 188	#8B8BBC
50.0%	50.0% #9595BF	RGB 149 149 191	#9595BF
66.7%	66.7% #A0A0C1	RGB 160 160 193	#A0A0C1
83.3%	83.3% #ABABC4	RGB 171 171 196	#ABABC4
100.0%	100.0% #B7B7C7	RGB 183 183 199	#B7B7C7

#7777B7 #8181B9 #8B8BBC #9595BF #A0A0C1 #ABABC4 #B7B7C7

#7777B7 - #9595BF - #B7B7C7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7777B7 0%, #9595BF 50%, #B7B7C7 100%);
    background: -webkit-linear-gradient(top, #7777B7 0%, #9595BF 50%, #B7B7C7 100%);
    background: linear-gradient(to bottom, #7777B7 0%, #9595BF 50%, #B7B7C7 100%);
}
</style>