#B7B5C7 - #6B6096 | 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 #B7B5C7 to #6B6096

#B7B5C7 #6B6096

Calculate the color between two colors, #B7B5C7 and #6B6096. 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)

#B7B5C7 - #6B6096 | 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 #B7B5C7 as 0% and #6B6096 as 100%.

0.0%	0.0% #B7B5C7	RGB 183 181 199	#B7B5C7
16.7%	16.7% #AAA6BE	RGB 170 166 190	#AAA6BE
33.3%	33.3% #9D98B6	RGB 157 152 182	#9D98B6
50.0%	50.0% #918AAE	RGB 145 138 174	#918AAE
66.7%	66.7% #847CA6	RGB 132 124 166	#847CA6
83.3%	83.3% #776E9E	RGB 119 110 158	#776E9E
100.0%	100.0% #6B6096	RGB 107 96 150	#6B6096

#B7B5C7 #AAA6BE #9D98B6 #918AAE #847CA6 #776E9E #6B6096

#B7B5C7 - #6B6096

HSV Blend

#B7B5C7 - #6B6096 | 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 #B7B5C7 as 0% and #6B6096 as 100%.

0.0%	0.0% #B7B5C7	RGB 183 181 199	#B7B5C7
16.7%	16.7% #A8A4BE	RGB 168 164 190	#A8A4BE
33.3%	33.3% #9A95B6	RGB 154 149 182	#9A95B6
50.0%	50.0% #8D87AE	RGB 141 135 174	#8D87AE
66.7%	66.7% #8179A6	RGB 129 121 166	#8179A6
83.3%	83.3% #756C9E	RGB 117 108 158	#756C9E
100.0%	100.0% #6B6096	RGB 107 96 150	#6B6096

#B7B5C7 #A8A4BE #9A95B6 #8D87AE #8179A6 #756C9E #6B6096

#B7B5C7 - #8D87AE - #6B6096

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B7B5C7 0%, #8D87AE 50%, #6B6096 100%);
    background: -webkit-linear-gradient(top, #B7B5C7 0%, #8D87AE 50%, #6B6096 100%);
    background: linear-gradient(to bottom, #B7B5C7 0%, #8D87AE 50%, #6B6096 100%);
}
</style>