#1F613C - #BFD1C7 | 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 #1F613C to #BFD1C7

#1F613C #BFD1C7

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

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

0.0%	0.0% #1F613C	RGB 31 97 60	#1F613C
16.7%	16.7% #397353	RGB 57 115 83	#397353
33.3%	33.3% #54866A	RGB 84 134 106	#54866A
50.0%	50.0% #6F9981	RGB 111 153 129	#6F9981
66.7%	66.7% #89AB98	RGB 137 171 152	#89AB98
83.3%	83.3% #A4BEAF	RGB 164 190 175	#A4BEAF
100.0%	100.0% #BFD1C7	RGB 191 209 199	#BFD1C7

#1F613C #397353 #54866A #6F9981 #89AB98 #A4BEAF #BFD1C7

#1F613C - #BFD1C7

HSV Blend

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

0.0%	0.0% #1E613C	RGB 30 97 60	#1E613C
16.7%	16.7% #30734E	RGB 48 115 78	#30734E
33.3%	33.3% #458662	RGB 69 134 98	#458662
50.0%	50.0% #5E9978	RGB 94 153 120	#5E9978
66.7%	66.7% #7AAB90	RGB 122 171 144	#7AAB90
83.3%	83.3% #9BBEAA	RGB 155 190 170	#9BBEAA
100.0%	100.0% #BFD1C7	RGB 191 209 199	#BFD1C7

#1E613C #30734E #458662 #5E9978 #7AAB90 #9BBEAA #BFD1C7

#1F613C - #5E9978 - #BFD1C7

CSS codes

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

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