#B5A8B9 - #70538D | 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 #B5A8B9 to #70538D

#B5A8B9 #70538D

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

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

0.0%	0.0% #B5A8B9	RGB 181 168 185	#B5A8B9
16.7%	16.7% #A999B1	RGB 169 153 177	#A999B1
33.3%	33.3% #9E8BAA	RGB 158 139 170	#9E8BAA
50.0%	50.0% #927DA3	RGB 146 125 163	#927DA3
66.7%	66.7% #876F9B	RGB 135 111 155	#876F9B
83.3%	83.3% #7B6194	RGB 123 97 148	#7B6194
100.0%	100.0% #70538D	RGB 112 83 141	#70538D

#B5A8B9 #A999B1 #9E8BAA #927DA3 #876F9B #7B6194 #70538D

#B5A8B9 - #70538D

HSV Blend

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

0.0%	0.0% #B5A8B9	RGB 181 168 185	#B5A8B9
16.7%	16.7% #AA97B1	RGB 170 151 177	#AA97B1
33.3%	33.3% #9F88AA	RGB 159 136 170	#9F88AA
50.0%	50.0% #9379A3	RGB 147 121 163	#9379A3
66.7%	66.7% #886C9B	RGB 136 108 155	#886C9B
83.3%	83.3% #7C5F94	RGB 124 95 148	#7C5F94
100.0%	100.0% #70538D	RGB 112 83 141	#70538D

#B5A8B9 #AA97B1 #9F88AA #9379A3 #886C9B #7C5F94 #70538D

#B5A8B9 - #9379A3 - #70538D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B5A8B9 0%, #9379A3 50%, #70538D 100%);
    background: -webkit-linear-gradient(top, #B5A8B9 0%, #9379A3 50%, #70538D 100%);
    background: linear-gradient(to bottom, #B5A8B9 0%, #9379A3 50%, #70538D 100%);
}
</style>