#B5A8CD - #33303A | 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 #B5A8CD to #33303A

#B5A8CD #33303A

Calculate the color between two colors, #B5A8CD and #33303A. 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)

#B5A8CD - #33303A | 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 #B5A8CD as 0% and #33303A as 100%.

0.0%	0.0% #B5A8CD	RGB 181 168 205	#B5A8CD
16.7%	16.7% #9F94B4	RGB 159 148 180	#9F94B4
33.3%	33.3% #89809C	RGB 137 128 156	#89809C
50.0%	50.0% #746C83	RGB 116 108 131	#746C83
66.7%	66.7% #5E586B	RGB 94 88 107	#5E586B
83.3%	83.3% #484452	RGB 72 68 82	#484452
100.0%	100.0% #33303A	RGB 51 48 58	#33303A

#B5A8CD #9F94B4 #89809C #746C83 #5E586B #484452 #33303A

#B5A8CD - #33303A

HSV Blend

#B5A8CD - #33303A | 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 #B5A8CD as 0% and #33303A as 100%.

0.0%	0.0% #B5A8CD	RGB 181 168 205	#B5A8CD
16.7%	16.7% #9F94B4	RGB 159 148 180	#9F94B4
33.3%	33.3% #89809C	RGB 137 128 156	#89809C
50.0%	50.0% #736C83	RGB 115 108 131	#736C83
66.7%	66.7% #5E586B	RGB 94 88 107	#5E586B
83.3%	83.3% #484452	RGB 72 68 82	#484452
100.0%	100.0% #33303A	RGB 51 48 58	#33303A

#B5A8CD #9F94B4 #89809C #736C83 #5E586B #484452 #33303A

#B5A8CD - #736C83 - #33303A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B5A8CD 0%, #736C83 50%, #33303A 100%);
    background: -webkit-linear-gradient(top, #B5A8CD 0%, #736C83 50%, #33303A 100%);
    background: linear-gradient(to bottom, #B5A8CD 0%, #736C83 50%, #33303A 100%);
}
</style>