#1B7B3E - #BDD9C7 | 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 #1B7B3E to #BDD9C7

#1B7B3E #BDD9C7

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

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

0.0%	0.0% #1B7B3E	RGB 27 123 62	#1B7B3E
16.7%	16.7% #368A54	RGB 54 138 84	#368A54
33.3%	33.3% #519A6B	RGB 81 154 107	#519A6B
50.0%	50.0% #6CAA82	RGB 108 170 130	#6CAA82
66.7%	66.7% #87B999	RGB 135 185 153	#87B999
83.3%	83.3% #A2C9B0	RGB 162 201 176	#A2C9B0
100.0%	100.0% #BDD9C7	RGB 189 217 199	#BDD9C7

#1B7B3E #368A54 #519A6B #6CAA82 #87B999 #A2C9B0 #BDD9C7

#1B7B3E - #BDD9C7

HSV Blend

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

0.0%	0.0% #1B7B3E	RGB 27 123 62	#1B7B3E
16.7%	16.7% #2D8A4F	RGB 45 138 79	#2D8A4F
33.3%	33.3% #439A62	RGB 67 154 98	#439A62
50.0%	50.0% #5CAA78	RGB 92 170 120	#5CAA78
66.7%	66.7% #79B990	RGB 121 185 144	#79B990
83.3%	83.3% #99C9AA	RGB 153 201 170	#99C9AA
100.0%	100.0% #BDD9C7	RGB 189 217 199	#BDD9C7

#1B7B3E #2D8A4F #439A62 #5CAA78 #79B990 #99C9AA #BDD9C7

#1B7B3E - #5CAA78 - #BDD9C7

CSS codes

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

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