#BFD7B5 - #72B162 | 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 #BFD7B5 to #72B162

#BFD7B5 #72B162

Calculate the color between two colors, #BFD7B5 and #72B162. 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)

#BFD7B5 - #72B162 | 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 #BFD7B5 as 0% and #72B162 as 100%.

0.0%	0.0% #BFD7B5	RGB 191 215 181	#BFD7B5
16.7%	16.7% #B2D0A7	RGB 178 208 167	#B2D0A7
33.3%	33.3% #A5CA99	RGB 165 202 153	#A5CA99
50.0%	50.0% #98C48B	RGB 152 196 139	#98C48B
66.7%	66.7% #8BBD7D	RGB 139 189 125	#8BBD7D
83.3%	83.3% #7EB76F	RGB 126 183 111	#7EB76F
100.0%	100.0% #72B162	RGB 114 177 98	#72B162

#BFD7B5 #B2D0A7 #A5CA99 #98C48B #8BBD7D #7EB76F #72B162

#BFD7B5 - #72B162

HSV Blend

#BFD7B5 - #72B162 | 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 #BFD7B5 as 0% and #72B162 as 100%.

0.0%	0.0% #BFD7B5	RGB 191 215 181	#BFD7B5
16.7%	16.7% #B1D0A5	RGB 177 208 165	#B1D0A5
33.3%	33.3% #A4CA96	RGB 164 202 150	#A4CA96
50.0%	50.0% #97C488	RGB 151 196 136	#97C488
66.7%	66.7% #8ABD7B	RGB 138 189 123	#8ABD7B
83.3%	83.3% #7EB76E	RGB 126 183 110	#7EB76E
100.0%	100.0% #72B162	RGB 114 177 98	#72B162

#BFD7B5 #B1D0A5 #A4CA96 #97C488 #8ABD7B #7EB76E #72B162

#BFD7B5 - #97C488 - #72B162

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BFD7B5 0%, #97C488 50%, #72B162 100%);
    background: -webkit-linear-gradient(top, #BFD7B5 0%, #97C488 50%, #72B162 100%);
    background: linear-gradient(to bottom, #BFD7B5 0%, #97C488 50%, #72B162 100%);
}
</style>