#BFD7AF - #74B05B | 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 #BFD7AF to #74B05B

#BFD7AF #74B05B

Calculate the color between two colors, #BFD7AF and #74B05B. 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)

#BFD7AF - #74B05B | 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 #BFD7AF as 0% and #74B05B as 100%.

0.0%	0.0% #BFD7AF	RGB 191 215 175	#BFD7AF
16.7%	16.7% #B2D0A1	RGB 178 208 161	#B2D0A1
33.3%	33.3% #A6CA93	RGB 166 202 147	#A6CA93
50.0%	50.0% #99C385	RGB 153 195 133	#99C385
66.7%	66.7% #8DBD77	RGB 141 189 119	#8DBD77
83.3%	83.3% #80B669	RGB 128 182 105	#80B669
100.0%	100.0% #74B05B	RGB 116 176 91	#74B05B

#BFD7AF #B2D0A1 #A6CA93 #99C385 #8DBD77 #80B669 #74B05B

#BFD7AF - #74B05B

HSV Blend

#BFD7AF - #74B05B | 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 #BFD7AF as 0% and #74B05B as 100%.

0.0%	0.0% #BFD7AF	RGB 191 215 175	#BFD7AF
16.7%	16.7% #B2D09F	RGB 178 208 159	#B2D09F
33.3%	33.3% #A5CA90	RGB 165 202 144	#A5CA90
50.0%	50.0% #98C382	RGB 152 195 130	#98C382
66.7%	66.7% #8CBD74	RGB 140 189 116	#8CBD74
83.3%	83.3% #80B667	RGB 128 182 103	#80B667
100.0%	100.0% #74B05B	RGB 116 176 91	#74B05B

#BFD7AF #B2D09F #A5CA90 #98C382 #8CBD74 #80B667 #74B05B

#BFD7AF - #98C382 - #74B05B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BFD7AF 0%, #98C382 50%, #74B05B 100%);
    background: -webkit-linear-gradient(top, #BFD7AF 0%, #98C382 50%, #74B05B 100%);
    background: linear-gradient(to bottom, #BFD7AF 0%, #98C382 50%, #74B05B 100%);
}
</style>