#B9B8C7 - #826384 | 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 #B9B8C7 to #826384

#B9B8C7 #826384

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

#B9B8C7 - #826384 | 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 #B9B8C7 as 0% and #826384 as 100%.

0.0%	0.0% #B9B8C7	RGB 185 184 199	#B9B8C7
16.7%	16.7% #AFA9BB	RGB 175 169 187	#AFA9BB
33.3%	33.3% #A69BB0	RGB 166 155 176	#A69BB0
50.0%	50.0% #9D8DA5	RGB 157 141 165	#9D8DA5
66.7%	66.7% #947F9A	RGB 148 127 154	#947F9A
83.3%	83.3% #8B718F	RGB 139 113 143	#8B718F
100.0%	100.0% #826384	RGB 130 99 132	#826384

#B9B8C7 #AFA9BB #A69BB0 #9D8DA5 #947F9A #8B718F #826384

#B9B8C7 - #826384

HSV Blend

#B9B8C7 - #826384 | 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 #B9B8C7 as 0% and #826384 as 100%.

0.0%	0.0% #B9B8C7	RGB 185 184 199	#B9B8C7
16.7%	16.7% #ACA8BB	RGB 172 168 187	#ACA8BB
33.3%	33.3% #A199B0	RGB 161 153 176	#A199B0
50.0%	50.0% #988AA5	RGB 152 138 165	#988AA5
66.7%	66.7% #8F7C9A	RGB 143 124 154	#8F7C9A
83.3%	83.3% #886F8F	RGB 136 111 143	#886F8F
100.0%	100.0% #826384	RGB 130 99 132	#826384

#B9B8C7 #ACA8BB #A199B0 #988AA5 #8F7C9A #886F8F #826384

#B9B8C7 - #988AA5 - #826384

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B9B8C7 0%, #988AA5 50%, #826384 100%);
    background: -webkit-linear-gradient(top, #B9B8C7 0%, #988AA5 50%, #826384 100%);
    background: linear-gradient(to bottom, #B9B8C7 0%, #988AA5 50%, #826384 100%);
}
</style>