#7B5E8A - #B0C2AA | 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 #7B5E8A to #B0C2AA

#7B5E8A #B0C2AA

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

#7B5E8A - #B0C2AA | 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 #7B5E8A as 0% and #B0C2AA as 100%.

0.0%	0.0% #7B5E8A	RGB 123 94 138	#7B5E8A
16.7%	16.7% #836E8F	RGB 131 110 143	#836E8F
33.3%	33.3% #8C7F94	RGB 140 127 148	#8C7F94
50.0%	50.0% #95909A	RGB 149 144 154	#95909A
66.7%	66.7% #9EA09F	RGB 158 160 159	#9EA09F
83.3%	83.3% #A7B1A4	RGB 167 177 164	#A7B1A4
100.0%	100.0% #B0C2AA	RGB 176 194 170	#B0C2AA

#7B5E8A #836E8F #8C7F94 #95909A #9EA09F #A7B1A4 #B0C2AA

#7B5E8A - #B0C2AA

HSV Blend

#7B5E8A - #B0C2AA | 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 #7B5E8A as 0% and #B0C2AA as 100%.

0.0%	0.0% #7B5E8A	RGB 123 94 138	#7B5E8A
16.7%	16.7% #706993	RGB 112 105 147	#706993
33.3%	33.3% #74819C	RGB 116 129 156	#74819C
50.0%	50.0% #819EA6	RGB 129 158 166	#819EA6
66.7%	66.7% #8EAFA6	RGB 142 175 166	#8EAFA6
83.3%	83.3% #9BB8A2	RGB 155 184 162	#9BB8A2
100.0%	100.0% #B0C2AA	RGB 176 194 170	#B0C2AA

#7B5E8A #706993 #74819C #819EA6 #8EAFA6 #9BB8A2 #B0C2AA

#7B5E8A - #819EA6 - #B0C2AA

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7B5E8A 0%, #819EA6 50%, #B0C2AA 100%);
    background: -webkit-linear-gradient(top, #7B5E8A 0%, #819EA6 50%, #B0C2AA 100%);
    background: linear-gradient(to bottom, #7B5E8A 0%, #819EA6 50%, #B0C2AA 100%);
}
</style>