#B0AFB6 - #5A5A8C | 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 #B0AFB6 to #5A5A8C

#B0AFB6 #5A5A8C

Calculate the color between two colors, #B0AFB6 and #5A5A8C. 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)

#B0AFB6 - #5A5A8C | 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 #B0AFB6 as 0% and #5A5A8C as 100%.

0.0%	0.0% #B0AFB6	RGB 176 175 182	#B0AFB6
16.7%	16.7% #A1A0AF	RGB 161 160 175	#A1A0AF
33.3%	33.3% #9392A8	RGB 147 146 168	#9392A8
50.0%	50.0% #8584A1	RGB 133 132 161	#8584A1
66.7%	66.7% #76769A	RGB 118 118 154	#76769A
83.3%	83.3% #686893	RGB 104 104 147	#686893
100.0%	100.0% #5A5A8C	RGB 90 90 140	#5A5A8C

#B0AFB6 #A1A0AF #9392A8 #8584A1 #76769A #686893 #5A5A8C

#B0AFB6 - #5A5A8C

HSV Blend

#B0AFB6 - #5A5A8C | 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 #B0AFB6 as 0% and #5A5A8C as 100%.

0.0%	0.0% #B0AFB6	RGB 176 175 182	#B0AFB6
16.7%	16.7% #A09EAF	RGB 160 158 175	#A09EAF
33.3%	33.3% #928FA8	RGB 146 143 168	#928FA8
50.0%	50.0% #8381A1	RGB 131 129 161	#8381A1
66.7%	66.7% #75739A	RGB 117 115 154	#75739A
83.3%	83.3% #676693	RGB 103 102 147	#676693
100.0%	100.0% #5A5A8C	RGB 90 90 140	#5A5A8C

#B0AFB6 #A09EAF #928FA8 #8381A1 #75739A #676693 #5A5A8C

#B0AFB6 - #8381A1 - #5A5A8C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B0AFB6 0%, #8381A1 50%, #5A5A8C 100%);
    background: -webkit-linear-gradient(top, #B0AFB6 0%, #8381A1 50%, #5A5A8C 100%);
    background: linear-gradient(to bottom, #B0AFB6 0%, #8381A1 50%, #5A5A8C 100%);
}
</style>