#1A8A1E - #BDDDBE | 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 #1A8A1E to #BDDDBE

#1A8A1E #BDDDBE

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

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

0.0%	0.0% #1A8A1E	RGB 26 138 30	#1A8A1E
16.7%	16.7% #359738	RGB 53 151 56	#359738
33.3%	33.3% #50A553	RGB 80 165 83	#50A553
50.0%	50.0% #6BB36E	RGB 107 179 110	#6BB36E
66.7%	66.7% #86C188	RGB 134 193 136	#86C188
83.3%	83.3% #A1CFA3	RGB 161 207 163	#A1CFA3
100.0%	100.0% #BDDDBE	RGB 189 221 190	#BDDDBE

#1A8A1E #359738 #50A553 #6BB36E #86C188 #A1CFA3 #BDDDBE

#1A8A1E - #BDDDBE

HSV Blend

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

0.0%	0.0% #1A8A1D	RGB 26 138 29	#1A8A1D
16.7%	16.7% #2D9731	RGB 45 151 49	#2D9731
33.3%	33.3% #44A547	RGB 68 165 71	#44A547
50.0%	50.0% #5DB360	RGB 93 179 96	#5DB360
66.7%	66.7% #7AC17C	RGB 122 193 124	#7AC17C
83.3%	83.3% #9ACF9B	RGB 154 207 155	#9ACF9B
100.0%	100.0% #BDDDBE	RGB 189 221 190	#BDDDBE

#1A8A1D #2D9731 #44A547 #5DB360 #7AC17C #9ACF9B #BDDDBE

#1A8A1E - #5DB360 - #BDDDBE

CSS codes

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

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