#1E5E0B - #BFD1B9 | 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 #1E5E0B to #BFD1B9

#1E5E0B #BFD1B9

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

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

0.0%	0.0% #1E5E0B	RGB 30 94 11	#1E5E0B
16.7%	16.7% #387128	RGB 56 113 40	#387128
33.3%	33.3% #538445	RGB 83 132 69	#538445
50.0%	50.0% #6E9762	RGB 110 151 98	#6E9762
66.7%	66.7% #89AA7F	RGB 137 170 127	#89AA7F
83.3%	83.3% #A4BD9C	RGB 164 189 156	#A4BD9C
100.0%	100.0% #BFD1B9	RGB 191 209 185	#BFD1B9

#1E5E0B #387128 #538445 #6E9762 #89AA7F #A4BD9C #BFD1B9

#1E5E0B - #BFD1B9

HSV Blend

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

0.0%	0.0% #1E5E0A	RGB 30 94 10	#1E5E0A
16.7%	16.7% #2F711B	RGB 47 113 27	#2F711B
33.3%	33.3% #448431	RGB 68 132 49	#448431
50.0%	50.0% #5E974B	RGB 94 151 75	#5E974B
66.7%	66.7% #7AAA6B	RGB 122 170 107	#7AAA6B
83.3%	83.3% #9BBD8F	RGB 155 189 143	#9BBD8F
100.0%	100.0% #BFD1B9	RGB 191 209 185	#BFD1B9

#1E5E0A #2F711B #448431 #5E974B #7AAA6B #9BBD8F #BFD1B9

#1E5E0B - #5E974B - #BFD1B9

CSS codes

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

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