#B6A8DB - #33303E | 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 #B6A8DB to #33303E

#B6A8DB #33303E

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

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

0.0%	0.0% #B6A8DB	RGB 182 168 219	#B6A8DB
16.7%	16.7% #A094C0	RGB 160 148 192	#A094C0
33.3%	33.3% #8A80A6	RGB 138 128 166	#8A80A6
50.0%	50.0% #746C8C	RGB 116 108 140	#746C8C
66.7%	66.7% #5E5872	RGB 94 88 114	#5E5872
83.3%	83.3% #484458	RGB 72 68 88	#484458
100.0%	100.0% #33303E	RGB 51 48 62	#33303E

#B6A8DB #A094C0 #8A80A6 #746C8C #5E5872 #484458 #33303E

#B6A8DB - #33303E

HSV Blend

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

0.0%	0.0% #B5A8DB	RGB 181 168 219	#B5A8DB
16.7%	16.7% #9F94C0	RGB 159 148 192	#9F94C0
33.3%	33.3% #8A80A6	RGB 138 128 166	#8A80A6
50.0%	50.0% #746C8C	RGB 116 108 140	#746C8C
66.7%	66.7% #5E5872	RGB 94 88 114	#5E5872
83.3%	83.3% #484458	RGB 72 68 88	#484458
100.0%	100.0% #33303E	RGB 51 48 62	#33303E

#B5A8DB #9F94C0 #8A80A6 #746C8C #5E5872 #484458 #33303E

#B6A8DB - #746C8C - #33303E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B5A8DB 0%, #746C8C 50%, #33303E 100%);
    background: -webkit-linear-gradient(top, #B5A8DB 0%, #746C8C 50%, #33303E 100%);
    background: linear-gradient(to bottom, #B5A8DB 0%, #746C8C 50%, #33303E 100%);
}
</style>