#B3A8C5 - #51517D | 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 #B3A8C5 to #51517D

#B3A8C5 #51517D

Calculate the color between two colors, #B3A8C5 and #51517D. 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)

#B3A8C5 - #51517D | 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 #B3A8C5 as 0% and #51517D as 100%.

0.0%	0.0% #B3A8C5	RGB 179 168 197	#B3A8C5
16.7%	16.7% #A299B9	RGB 162 153 185	#A299B9
33.3%	33.3% #928BAD	RGB 146 139 173	#928BAD
50.0%	50.0% #827CA1	RGB 130 124 161	#827CA1
66.7%	66.7% #716E95	RGB 113 110 149	#716E95
83.3%	83.3% #615F89	RGB 97 95 137	#615F89
100.0%	100.0% #51517D	RGB 81 81 125	#51517D

#B3A8C5 #A299B9 #928BAD #827CA1 #716E95 #615F89 #51517D

#B3A8C5 - #51517D

HSV Blend

#B3A8C5 - #51517D | 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 #B3A8C5 as 0% and #51517D as 100%.

0.0%	0.0% #B3A8C5	RGB 179 168 197	#B3A8C5
16.7%	16.7% #A297B9	RGB 162 151 185	#A297B9
33.3%	33.3% #9187AD	RGB 145 135 173	#9187AD
50.0%	50.0% #8078A1	RGB 128 120 161	#8078A1
66.7%	66.7% #706A95	RGB 112 106 149	#706A95
83.3%	83.3% #605D89	RGB 96 93 137	#605D89
100.0%	100.0% #51517D	RGB 81 81 125	#51517D

#B3A8C5 #A297B9 #9187AD #8078A1 #706A95 #605D89 #51517D

#B3A8C5 - #8078A1 - #51517D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B3A8C5 0%, #8078A1 50%, #51517D 100%);
    background: -webkit-linear-gradient(top, #B3A8C5 0%, #8078A1 50%, #51517D 100%);
    background: linear-gradient(to bottom, #B3A8C5 0%, #8078A1 50%, #51517D 100%);
}
</style>