#B5C2D2 - #33373C | 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 #B5C2D2 to #33373C

#B5C2D2 #33373C

Calculate the color between two colors, #B5C2D2 and #33373C. 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)

#B5C2D2 - #33373C | 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 #B5C2D2 as 0% and #33373C as 100%.

0.0%	0.0% #B5C2D2	RGB 181 194 210	#B5C2D2
16.7%	16.7% #9FAAB9	RGB 159 170 185	#9FAAB9
33.3%	33.3% #8993A0	RGB 137 147 160	#8993A0
50.0%	50.0% #747C87	RGB 116 124 135	#747C87
66.7%	66.7% #5E656E	RGB 94 101 110	#5E656E
83.3%	83.3% #484E55	RGB 72 78 85	#484E55
100.0%	100.0% #33373C	RGB 51 55 60	#33373C

#B5C2D2 #9FAAB9 #8993A0 #747C87 #5E656E #484E55 #33373C

#B5C2D2 - #33373C

HSV Blend

#B5C2D2 - #33373C | 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 #B5C2D2 as 0% and #33373C as 100%.

0.0%	0.0% #B5C2D2	RGB 181 194 210	#B5C2D2
16.7%	16.7% #9FAAB9	RGB 159 170 185	#9FAAB9
33.3%	33.3% #8993A0	RGB 137 147 160	#8993A0
50.0%	50.0% #737C87	RGB 115 124 135	#737C87
66.7%	66.7% #5D656E	RGB 93 101 110	#5D656E
83.3%	83.3% #484E55	RGB 72 78 85	#484E55
100.0%	100.0% #33373C	RGB 51 55 60	#33373C

#B5C2D2 #9FAAB9 #8993A0 #737C87 #5D656E #484E55 #33373C

#B5C2D2 - #737C87 - #33373C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B5C2D2 0%, #737C87 50%, #33373C 100%);
    background: -webkit-linear-gradient(top, #B5C2D2 0%, #737C87 50%, #33373C 100%);
    background: linear-gradient(to bottom, #B5C2D2 0%, #737C87 50%, #33373C 100%);
}
</style>