#1E7000 - #BFD6B6 | 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 #1E7000 to #BFD6B6

#1E7000 #BFD6B6

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

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

0.0%	0.0% #1E7000	RGB 30 112 0	#1E7000
16.7%	16.7% #38811E	RGB 56 129 30	#38811E
33.3%	33.3% #53923C	RGB 83 146 60	#53923C
50.0%	50.0% #6EA35B	RGB 110 163 91	#6EA35B
66.7%	66.7% #89B479	RGB 137 180 121	#89B479
83.3%	83.3% #A4C597	RGB 164 197 151	#A4C597
100.0%	100.0% #BFD6B6	RGB 191 214 182	#BFD6B6

#1E7000 #38811E #53923C #6EA35B #89B479 #A4C597 #BFD6B6

#1E7000 - #BFD6B6

HSV Blend

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

0.0%	0.0% #1E7000	RGB 30 112 0	#1E7000
16.7%	16.7% #308112	RGB 48 129 18	#308112
33.3%	33.3% #459229	RGB 69 146 41	#459229
50.0%	50.0% #5FA345	RGB 95 163 69	#5FA345
66.7%	66.7% #7BB466	RGB 123 180 102	#7BB466
83.3%	83.3% #9BC58B	RGB 155 197 139	#9BC58B
100.0%	100.0% #BFD6B6	RGB 191 214 182	#BFD6B6

#1E7000 #308112 #459229 #5FA345 #7BB466 #9BC58B #BFD6B6

#1E7000 - #5FA345 - #BFD6B6

CSS codes

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

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