#044B3C - #B7CBC7 | 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 #044B3C to #B7CBC7

#044B3C #B7CBC7

Calculate the color between two colors, #044B3C and #B7CBC7. 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)

#044B3C - #B7CBC7 | 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 #044B3C as 0% and #B7CBC7 as 100%.

0.0%	0.0% #044B3C	RGB 4 75 60	#044B3C
16.7%	16.7% #216053	RGB 33 96 83	#216053
33.3%	33.3% #3F756A	RGB 63 117 106	#3F756A
50.0%	50.0% #5D8B81	RGB 93 139 129	#5D8B81
66.7%	66.7% #7BA098	RGB 123 160 152	#7BA098
83.3%	83.3% #99B5AF	RGB 153 181 175	#99B5AF
100.0%	100.0% #B7CBC7	RGB 183 203 199	#B7CBC7

#044B3C #216053 #3F756A #5D8B81 #7BA098 #99B5AF #B7CBC7

#044B3C - #B7CBC7

HSV Blend

#044B3C - #B7CBC7 | 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 #044B3C as 0% and #B7CBC7 as 100%.

0.0%	0.0% #044B3C	RGB 4 75 60	#044B3C
16.7%	16.7% #126050	RGB 18 96 80	#126050
33.3%	33.3% #277565	RGB 39 117 101	#277565
50.0%	50.0% #428B7C	RGB 66 139 124	#428B7C
66.7%	66.7% #63A093	RGB 99 160 147	#63A093
83.3%	83.3% #8AB5AC	RGB 138 181 172	#8AB5AC
100.0%	100.0% #B7CBC7	RGB 183 203 199	#B7CBC7

#044B3C #126050 #277565 #428B7C #63A093 #8AB5AC #B7CBC7

#044B3C - #428B7C - #B7CBC7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #044B3C 0%, #428B7C 50%, #B7CBC7 100%);
    background: -webkit-linear-gradient(top, #044B3C 0%, #428B7C 50%, #B7CBC7 100%);
    background: linear-gradient(to bottom, #044B3C 0%, #428B7C 50%, #B7CBC7 100%);
}
</style>