#1F5E31 - #BFD1C4 | 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 #1F5E31 to #BFD1C4

#1F5E31 #BFD1C4

Calculate the color between two colors, #1F5E31 and #BFD1C4. 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)

#1F5E31 - #BFD1C4 | 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 #1F5E31 as 0% and #BFD1C4 as 100%.

0.0%	0.0% #1F5E31	RGB 31 94 49	#1F5E31
16.7%	16.7% #397149	RGB 57 113 73	#397149
33.3%	33.3% #548462	RGB 84 132 98	#548462
50.0%	50.0% #6F977A	RGB 111 151 122	#6F977A
66.7%	66.7% #89AA93	RGB 137 170 147	#89AA93
83.3%	83.3% #A4BDAB	RGB 164 189 171	#A4BDAB
100.0%	100.0% #BFD1C4	RGB 191 209 196	#BFD1C4

#1F5E31 #397149 #548462 #6F977A #89AA93 #A4BDAB #BFD1C4

#1F5E31 - #BFD1C4

HSV Blend

#1F5E31 - #BFD1C4 | 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 #1F5E31 as 0% and #BFD1C4 as 100%.

0.0%	0.0% #1F5E31	RGB 31 94 49	#1F5E31
16.7%	16.7% #307142	RGB 48 113 66	#307142
33.3%	33.3% #458457	RGB 69 132 87	#458457
50.0%	50.0% #5E976E	RGB 94 151 110	#5E976E
66.7%	66.7% #7AAA88	RGB 122 170 136	#7AAA88
83.3%	83.3% #9BBDA4	RGB 155 189 164	#9BBDA4
100.0%	100.0% #BFD1C4	RGB 191 209 196	#BFD1C4

#1F5E31 #307142 #458457 #5E976E #7AAA88 #9BBDA4 #BFD1C4

#1F5E31 - #5E976E - #BFD1C4

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1F5E31 0%, #5E976E 50%, #BFD1C4 100%);
    background: -webkit-linear-gradient(top, #1F5E31 0%, #5E976E 50%, #BFD1C4 100%);
    background: linear-gradient(to bottom, #1F5E31 0%, #5E976E 50%, #BFD1C4 100%);
}
</style>