#3F5046 - #849567 | 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 #3F5046 to #849567

#3F5046 #849567

Calculate the color between two colors, #3F5046 and #849567. 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)

#3F5046 - #849567 | 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 #3F5046 as 0% and #849567 as 100%.

0.0%	0.0% #3F5046	RGB 63 80 70	#3F5046
16.7%	16.7% #4A5B4B	RGB 74 91 75	#4A5B4B
33.3%	33.3% #566751	RGB 86 103 81	#566751
50.0%	50.0% #617256	RGB 97 114 86	#617256
66.7%	66.7% #6D7E5C	RGB 109 126 92	#6D7E5C
83.3%	83.3% #788961	RGB 120 137 97	#788961
100.0%	100.0% #849567	RGB 132 149 103	#849567

#3F5046 #4A5B4B #566751 #617256 #6D7E5C #788961 #849567

#3F5046 - #849567

HSV Blend

#3F5046 - #849567 | 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 #3F5046 as 0% and #849567 as 100%.

0.0%	0.0% #3F5046	RGB 63 80 70	#3F5046
16.7%	16.7% #465B4B	RGB 70 91 75	#465B4B
33.3%	33.3% #4D674F	RGB 77 103 79	#4D674F
50.0%	50.0% #577254	RGB 87 114 84	#577254
66.7%	66.7% #657E5B	RGB 101 126 91	#657E5B
83.3%	83.3% #738961	RGB 115 137 97	#738961
100.0%	100.0% #849567	RGB 132 149 103	#849567

#3F5046 #465B4B #4D674F #577254 #657E5B #738961 #849567

#3F5046 - #577254 - #849567

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3F5046 0%, #577254 50%, #849567 100%);
    background: -webkit-linear-gradient(top, #3F5046 0%, #577254 50%, #849567 100%);
    background: linear-gradient(to bottom, #3F5046 0%, #577254 50%, #849567 100%);
}
</style>