#1B7C5E - #BDD9D1 | 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 #1B7C5E to #BDD9D1

#1B7C5E #BDD9D1

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

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

0.0%	0.0% #1B7C5E	RGB 27 124 94	#1B7C5E
16.7%	16.7% #368B71	RGB 54 139 113	#368B71
33.3%	33.3% #519B84	RGB 81 155 132	#519B84
50.0%	50.0% #6CAA97	RGB 108 170 151	#6CAA97
66.7%	66.7% #87BAAA	RGB 135 186 170	#87BAAA
83.3%	83.3% #A2C9BD	RGB 162 201 189	#A2C9BD
100.0%	100.0% #BDD9D1	RGB 189 217 209	#BDD9D1

#1B7C5E #368B71 #519B84 #6CAA97 #87BAAA #A2C9BD #BDD9D1

#1B7C5E - #BDD9D1

HSV Blend

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

0.0%	0.0% #1B7C5E	RGB 27 124 94	#1B7C5E
16.7%	16.7% #2D8B6E	RGB 45 139 110	#2D8B6E
33.3%	33.3% #439B80	RGB 67 155 128	#439B80
50.0%	50.0% #5CAA93	RGB 92 170 147	#5CAA93
66.7%	66.7% #79BAA7	RGB 121 186 167	#79BAA7
83.3%	83.3% #99C9BB	RGB 153 201 187	#99C9BB
100.0%	100.0% #BDD9D1	RGB 189 217 209	#BDD9D1

#1B7C5E #2D8B6E #439B80 #5CAA93 #79BAA7 #99C9BB #BDD9D1

#1B7C5E - #5CAA93 - #BDD9D1

CSS codes

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

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