#B9A8B8 - #81538D | 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 #B9A8B8 to #81538D

#B9A8B8 #81538D

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

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

0.0%	0.0% #B9A8B8	RGB 185 168 184	#B9A8B8
16.7%	16.7% #AF99B0	RGB 175 153 176	#AF99B0
33.3%	33.3% #A68BA9	RGB 166 139 169	#A68BA9
50.0%	50.0% #9D7DA2	RGB 157 125 162	#9D7DA2
66.7%	66.7% #936F9B	RGB 147 111 155	#936F9B
83.3%	83.3% #8A6194	RGB 138 97 148	#8A6194
100.0%	100.0% #81538D	RGB 129 83 141	#81538D

#B9A8B8 #AF99B0 #A68BA9 #9D7DA2 #936F9B #8A6194 #81538D

#B9A8B8 - #81538D

HSV Blend

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

0.0%	0.0% #B9A8B8	RGB 185 168 184	#B9A8B8
16.7%	16.7% #B197B1	RGB 177 151 177	#B197B1
33.3%	33.3% #A988AA	RGB 169 136 170	#A988AA
50.0%	50.0% #9F79A3	RGB 159 121 163	#9F79A3
66.7%	66.7% #966C9B	RGB 150 108 155	#966C9B
83.3%	83.3% #8B5F94	RGB 139 95 148	#8B5F94
100.0%	100.0% #81538D	RGB 129 83 141	#81538D

#B9A8B8 #B197B1 #A988AA #9F79A3 #966C9B #8B5F94 #81538D

#B9A8B8 - #9F79A3 - #81538D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B9A8B8 0%, #9F79A3 50%, #81538D 100%);
    background: -webkit-linear-gradient(top, #B9A8B8 0%, #9F79A3 50%, #81538D 100%);
    background: linear-gradient(to bottom, #B9A8B8 0%, #9F79A3 50%, #81538D 100%);
}
</style>