#B2ADB2 - #5B5E67 | 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 #B2ADB2 to #5B5E67

#B2ADB2 #5B5E67

Calculate the color between two colors, #B2ADB2 and #5B5E67. 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)

#B2ADB2 - #5B5E67 | 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 #B2ADB2 as 0% and #5B5E67 as 100%.

0.0%	0.0% #B2ADB2	RGB 178 173 178	#B2ADB2
16.7%	16.7% #A39FA5	RGB 163 159 165	#A39FA5
33.3%	33.3% #959299	RGB 149 146 153	#959299
50.0%	50.0% #86858C	RGB 134 133 140	#86858C
66.7%	66.7% #787880	RGB 120 120 128	#787880
83.3%	83.3% #696B73	RGB 105 107 115	#696B73
100.0%	100.0% #5B5E67	RGB 91 94 103	#5B5E67

#B2ADB2 #A39FA5 #959299 #86858C #787880 #696B73 #5B5E67

#B2ADB2 - #5B5E67

HSV Blend

#B2ADB2 - #5B5E67 | 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 #B2ADB2 as 0% and #5B5E67 as 100%.

0.0%	0.0% #B2ADB2	RGB 178 173 178	#B2ADB2
16.7%	16.7% #A49EA5	RGB 164 158 165	#A49EA5
33.3%	33.3% #959099	RGB 149 144 153	#959099
50.0%	50.0% #86828C	RGB 134 130 140	#86828C
66.7%	66.7% #767480	RGB 118 116 128	#767480
83.3%	83.3% #676873	RGB 103 104 115	#676873
100.0%	100.0% #5B5E67	RGB 91 94 103	#5B5E67

#B2ADB2 #A49EA5 #959099 #86828C #767480 #676873 #5B5E67

#B2ADB2 - #86828C - #5B5E67

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B2ADB2 0%, #86828C 50%, #5B5E67 100%);
    background: -webkit-linear-gradient(top, #B2ADB2 0%, #86828C 50%, #5B5E67 100%);
    background: linear-gradient(to bottom, #B2ADB2 0%, #86828C 50%, #5B5E67 100%);
}
</style>