#1F5E41 - #BFD1C8 | 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 #1F5E41 to #BFD1C8

#1F5E41 #BFD1C8

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

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

0.0%	0.0% #1F5E41	RGB 31 94 65	#1F5E41
16.7%	16.7% #397157	RGB 57 113 87	#397157
33.3%	33.3% #54846E	RGB 84 132 110	#54846E
50.0%	50.0% #6F9784	RGB 111 151 132	#6F9784
66.7%	66.7% #89AA9B	RGB 137 170 155	#89AA9B
83.3%	83.3% #A4BDB1	RGB 164 189 177	#A4BDB1
100.0%	100.0% #BFD1C8	RGB 191 209 200	#BFD1C8

#1F5E41 #397157 #54846E #6F9784 #89AA9B #A4BDB1 #BFD1C8

#1F5E41 - #BFD1C8

HSV Blend

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

0.0%	0.0% #1F5E41	RGB 31 94 65	#1F5E41
16.7%	16.7% #307152	RGB 48 113 82	#307152
33.3%	33.3% #458466	RGB 69 132 102	#458466
50.0%	50.0% #5E977B	RGB 94 151 123	#5E977B
66.7%	66.7% #7AAA93	RGB 122 170 147	#7AAA93
83.3%	83.3% #9BBDAC	RGB 155 189 172	#9BBDAC
100.0%	100.0% #BFD1C8	RGB 191 209 200	#BFD1C8

#1F5E41 #307152 #458466 #5E977B #7AAA93 #9BBDAC #BFD1C8

#1F5E41 - #5E977B - #BFD1C8

CSS codes

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

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