#B5BCD1 - #33353B | 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 #B5BCD1 to #33353B

#B5BCD1 #33353B

Calculate the color between two colors, #B5BCD1 and #33353B. 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)

#B5BCD1 - #33353B | 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 #B5BCD1 as 0% and #33353B as 100%.

0.0%	0.0% #B5BCD1	RGB 181 188 209	#B5BCD1
16.7%	16.7% #9FA5B8	RGB 159 165 184	#9FA5B8
33.3%	33.3% #898F9F	RGB 137 143 159	#898F9F
50.0%	50.0% #747886	RGB 116 120 134	#747886
66.7%	66.7% #5E626D	RGB 94 98 109	#5E626D
83.3%	83.3% #484B54	RGB 72 75 84	#484B54
100.0%	100.0% #33353B	RGB 51 53 59	#33353B

#B5BCD1 #9FA5B8 #898F9F #747886 #5E626D #484B54 #33353B

#B5BCD1 - #33353B

HSV Blend

#B5BCD1 - #33353B | 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 #B5BCD1 as 0% and #33353B as 100%.

0.0%	0.0% #B5BCD1	RGB 181 188 209	#B5BCD1
16.7%	16.7% #9FA5B8	RGB 159 165 184	#9FA5B8
33.3%	33.3% #898E9F	RGB 137 142 159	#898E9F
50.0%	50.0% #737886	RGB 115 120 134	#737886
66.7%	66.7% #5E616D	RGB 94 97 109	#5E616D
83.3%	83.3% #484B54	RGB 72 75 84	#484B54
100.0%	100.0% #33353B	RGB 51 53 59	#33353B

#B5BCD1 #9FA5B8 #898E9F #737886 #5E616D #484B54 #33353B

#B5BCD1 - #737886 - #33353B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B5BCD1 0%, #737886 50%, #33353B 100%);
    background: -webkit-linear-gradient(top, #B5BCD1 0%, #737886 50%, #33353B 100%);
    background: linear-gradient(to bottom, #B5BCD1 0%, #737886 50%, #33353B 100%);
}
</style>