#74AC5E - #FFBF7E | 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 #74AC5E to #FFBF7E

#74AC5E #FFBF7E

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

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

0.0%	0.0% #74AC5E	RGB 116 172 94	#74AC5E
16.7%	16.7% #8BAF63	RGB 139 175 99	#8BAF63
33.3%	33.3% #A2B268	RGB 162 178 104	#A2B268
50.0%	50.0% #B9B56E	RGB 185 181 110	#B9B56E
66.7%	66.7% #D0B873	RGB 208 184 115	#D0B873
83.3%	83.3% #E7BB78	RGB 231 187 120	#E7BB78
100.0%	100.0% #FFBF7E	RGB 255 191 126	#FFBF7E

#74AC5E #8BAF63 #A2B268 #B9B56E #D0B873 #E7BB78 #FFBF7E

#74AC5E - #FFBF7E

HSV Blend

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

0.0%	0.0% #74AC5E	RGB 116 172 94	#74AC5E
16.7%	16.7% #8DB963	RGB 141 185 99	#8DB963
33.3%	33.3% #AAC769	RGB 170 199 105	#AAC769
50.0%	50.0% #CAD56F	RGB 202 213 111	#CAD56F
66.7%	66.7% #E3D974	RGB 227 217 116	#E3D974
83.3%	83.3% #F1CD79	RGB 241 205 121	#F1CD79
100.0%	100.0% #FFBF7E	RGB 255 191 126	#FFBF7E

#74AC5E #8DB963 #AAC769 #CAD56F #E3D974 #F1CD79 #FFBF7E

#74AC5E - #CAD56F - #FFBF7E

CSS codes

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

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