#1F5E14 - #BFD1BB | 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 #1F5E14 to #BFD1BB

#1F5E14 #BFD1BB

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

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

0.0%	0.0% #1F5E14	RGB 31 94 20	#1F5E14
16.7%	16.7% #39712F	RGB 57 113 47	#39712F
33.3%	33.3% #54844B	RGB 84 132 75	#54844B
50.0%	50.0% #6F9767	RGB 111 151 103	#6F9767
66.7%	66.7% #89AA83	RGB 137 170 131	#89AA83
83.3%	83.3% #A4BD9F	RGB 164 189 159	#A4BD9F
100.0%	100.0% #BFD1BB	RGB 191 209 187	#BFD1BB

#1F5E14 #39712F #54844B #6F9767 #89AA83 #A4BD9F #BFD1BB

#1F5E14 - #BFD1BB

HSV Blend

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

0.0%	0.0% #1F5E13	RGB 31 94 19	#1F5E13
16.7%	16.7% #307124	RGB 48 113 36	#307124
33.3%	33.3% #46843A	RGB 70 132 58	#46843A
50.0%	50.0% #5F9753	RGB 95 151 83	#5F9753
66.7%	66.7% #7BAA71	RGB 123 170 113	#7BAA71
83.3%	83.3% #9BBD94	RGB 155 189 148	#9BBD94
100.0%	100.0% #BFD1BB	RGB 191 209 187	#BFD1BB

#1F5E13 #307124 #46843A #5F9753 #7BAA71 #9BBD94 #BFD1BB

#1F5E14 - #5F9753 - #BFD1BB

CSS codes

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

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