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

#074D3A #B8CCC6

Calculate the color between two colors, #074D3A 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)

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

0.0%	0.0% #074D3A	RGB 7 77 58	#074D3A
16.7%	16.7% #246251	RGB 36 98 81	#246251
33.3%	33.3% #427768	RGB 66 119 104	#427768
50.0%	50.0% #5F8C80	RGB 95 140 128	#5F8C80
66.7%	66.7% #7DA197	RGB 125 161 151	#7DA197
83.3%	83.3% #9AB6AE	RGB 154 182 174	#9AB6AE
100.0%	100.0% #B8CCC6	RGB 184 204 198	#B8CCC6

#074D3A #246251 #427768 #5F8C80 #7DA197 #9AB6AE #B8CCC6

#074D3A - #B8CCC6

HSV Blend

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

0.0%	0.0% #074D3A	RGB 7 77 58	#074D3A
16.7%	16.7% #16624D	RGB 22 98 77	#16624D
33.3%	33.3% #2B7761	RGB 43 119 97	#2B7761
50.0%	50.0% #458C78	RGB 69 140 120	#458C78
66.7%	66.7% #66A190	RGB 102 161 144	#66A190
83.3%	83.3% #8CB6AA	RGB 140 182 170	#8CB6AA
100.0%	100.0% #B8CCC6	RGB 184 204 198	#B8CCC6

#074D3A #16624D #2B7761 #458C78 #66A190 #8CB6AA #B8CCC6

#074D3A - #458C78 - #B8CCC6

CSS codes

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

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