#7B7BA1 - #C4B7B2 | 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 #7B7BA1 to #C4B7B2

#7B7BA1 #C4B7B2

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

#7B7BA1 - #C4B7B2 | 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 #7B7BA1 as 0% and #C4B7B2 as 100%.

0.0%	0.0% #7B7BA1	RGB 123 123 161	#7B7BA1
16.7%	16.7% #8785A3	RGB 135 133 163	#8785A3
33.3%	33.3% #938FA6	RGB 147 143 166	#938FA6
50.0%	50.0% #9F99A9	RGB 159 153 169	#9F99A9
66.7%	66.7% #ABA3AC	RGB 171 163 172	#ABA3AC
83.3%	83.3% #B7ADAF	RGB 183 173 175	#B7ADAF
100.0%	100.0% #C4B7B2	RGB 196 183 178	#C4B7B2

#7B7BA1 #8785A3 #938FA6 #9F99A9 #ABA3AC #B7ADAF #C4B7B2

#7B7BA1 - #C4B7B2

HSV Blend

#7B7BA1 - #C4B7B2 | 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 #7B7BA1 as 0% and #C4B7B2 as 100%.

0.0%	0.0% #7B7BA1	RGB 123 123 161	#7B7BA1
16.7%	16.7% #9083A6	RGB 144 131 166	#9083A6
33.3%	33.3% #A48CAC	RGB 164 140 172	#A48CAC
50.0%	50.0% #B295AE	RGB 178 149 174	#B295AE
66.7%	66.7% #B89EAA	RGB 184 158 170	#B89EAA
83.3%	83.3% #BEA8AA	RGB 190 168 170	#BEA8AA
100.0%	100.0% #C4B7B2	RGB 196 183 178	#C4B7B2

#7B7BA1 #9083A6 #A48CAC #B295AE #B89EAA #BEA8AA #C4B7B2

#7B7BA1 - #B295AE - #C4B7B2

CSS codes

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

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