#074D37 - #B8CCC6 | 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 #074D37 to #B8CCC6

#074D37 #B8CCC6

Calculate the color between two colors, #074D37 and #B8CCC6. 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)

#074D37 - #B8CCC6 | 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 #074D37 as 0% and #B8CCC6 as 100%.

0.0%	0.0% #074D37	RGB 7 77 55	#074D37
16.7%	16.7% #24624E	RGB 36 98 78	#24624E
33.3%	33.3% #427766	RGB 66 119 102	#427766
50.0%	50.0% #5F8C7E	RGB 95 140 126	#5F8C7E
66.7%	66.7% #7DA196	RGB 125 161 150	#7DA196
83.3%	83.3% #9AB6AE	RGB 154 182 174	#9AB6AE
100.0%	100.0% #B8CCC6	RGB 184 204 198	#B8CCC6

#074D37 #24624E #427766 #5F8C7E #7DA196 #9AB6AE #B8CCC6

#074D37 - #B8CCC6

HSV Blend

#074D37 - #B8CCC6 | 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 #074D37 as 0% and #B8CCC6 as 100%.

0.0%	0.0% #074D37	RGB 7 77 55	#074D37
16.7%	16.7% #16624A	RGB 22 98 74	#16624A
33.3%	33.3% #2B775F	RGB 43 119 95	#2B775F
50.0%	50.0% #458C76	RGB 69 140 118	#458C76
66.7%	66.7% #66A18F	RGB 102 161 143	#66A18F
83.3%	83.3% #8CB6A9	RGB 140 182 169	#8CB6A9
100.0%	100.0% #B8CCC6	RGB 184 204 198	#B8CCC6

#074D37 #16624A #2B775F #458C76 #66A18F #8CB6A9 #B8CCC6

#074D37 - #458C76 - #B8CCC6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #074D37 0%, #458C76 50%, #B8CCC6 100%);
    background: -webkit-linear-gradient(top, #074D37 0%, #458C76 50%, #B8CCC6 100%);
    background: linear-gradient(to bottom, #074D37 0%, #458C76 50%, #B8CCC6 100%);
}
</style>