#074D2F - #B8CCC4 | 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 #074D2F to #B8CCC4

#074D2F #B8CCC4

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

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

0.0%	0.0% #074D2F	RGB 7 77 47	#074D2F
16.7%	16.7% #246247	RGB 36 98 71	#246247
33.3%	33.3% #427760	RGB 66 119 96	#427760
50.0%	50.0% #5F8C79	RGB 95 140 121	#5F8C79
66.7%	66.7% #7DA192	RGB 125 161 146	#7DA192
83.3%	83.3% #9AB6AB	RGB 154 182 171	#9AB6AB
100.0%	100.0% #B8CCC4	RGB 184 204 196	#B8CCC4

#074D2F #246247 #427760 #5F8C79 #7DA192 #9AB6AB #B8CCC4

#074D2F - #B8CCC4

HSV Blend

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

0.0%	0.0% #074D2F	RGB 7 77 47	#074D2F
16.7%	16.7% #166241	RGB 22 98 65	#166241
33.3%	33.3% #2B7757	RGB 43 119 87	#2B7757
50.0%	50.0% #458C6F	RGB 69 140 111	#458C6F
66.7%	66.7% #66A189	RGB 102 161 137	#66A189
83.3%	83.3% #8CB6A5	RGB 140 182 165	#8CB6A5
100.0%	100.0% #B8CCC4	RGB 184 204 196	#B8CCC4

#074D2F #166241 #2B7757 #458C6F #66A189 #8CB6A5 #B8CCC4

#074D2F - #458C6F - #B8CCC4

CSS codes

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

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