#B2BCB9 - #5E8F74 | 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 #B2BCB9 to #5E8F74

#B2BCB9 #5E8F74

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

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

0.0%	0.0% #B2BCB9	RGB 178 188 185	#B2BCB9
16.7%	16.7% #A4B4AD	RGB 164 180 173	#A4B4AD
33.3%	33.3% #96ADA2	RGB 150 173 162	#96ADA2
50.0%	50.0% #88A596	RGB 136 165 150	#88A596
66.7%	66.7% #7A9E8B	RGB 122 158 139	#7A9E8B
83.3%	83.3% #6C967F	RGB 108 150 127	#6C967F
100.0%	100.0% #5E8F74	RGB 94 143 116	#5E8F74

#B2BCB9 #A4B4AD #96ADA2 #88A596 #7A9E8B #6C967F #5E8F74

#B2BCB9 - #5E8F74

HSV Blend

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

0.0%	0.0% #B2BCB9	RGB 178 188 185	#B2BCB9
16.7%	16.7% #A2B4AE	RGB 162 180 174	#A2B4AE
33.3%	33.3% #93ADA3	RGB 147 173 163	#93ADA3
50.0%	50.0% #84A597	RGB 132 165 151	#84A597
66.7%	66.7% #779E8B	RGB 119 158 139	#779E8B
83.3%	83.3% #6A967F	RGB 106 150 127	#6A967F
100.0%	100.0% #5E8F74	RGB 94 143 116	#5E8F74

#B2BCB9 #A2B4AE #93ADA3 #84A597 #779E8B #6A967F #5E8F74

#B2BCB9 - #84A597 - #5E8F74

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B2BCB9 0%, #84A597 50%, #5E8F74 100%);
    background: -webkit-linear-gradient(top, #B2BCB9 0%, #84A597 50%, #5E8F74 100%);
    background: linear-gradient(to bottom, #B2BCB9 0%, #84A597 50%, #5E8F74 100%);
}
</style>