#74AE5E - #FFE480 | 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 #74AE5E to #FFE480

#74AE5E #FFE480

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

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

0.0%	0.0% #74AE5E	RGB 116 174 94	#74AE5E
16.7%	16.7% #8BB763	RGB 139 183 99	#8BB763
33.3%	33.3% #A2C069	RGB 162 192 105	#A2C069
50.0%	50.0% #B9C96F	RGB 185 201 111	#B9C96F
66.7%	66.7% #D0D274	RGB 208 210 116	#D0D274
83.3%	83.3% #E7DB7A	RGB 231 219 122	#E7DB7A
100.0%	100.0% #FFE480	RGB 255 228 128	#FFE480

#74AE5E #8BB763 #A2C069 #B9C96F #D0D274 #E7DB7A #FFE480

#74AE5E - #FFE480

HSV Blend

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

0.0%	0.0% #74AE5E	RGB 116 174 94	#74AE5E
16.7%	16.7% #89BB64	RGB 137 187 100	#89BB64
33.3%	33.3% #A1C96A	RGB 161 201 106	#A1C96A
50.0%	50.0% #BCD66F	RGB 188 214 111	#BCD66F
66.7%	66.7% #D8E475	RGB 216 228 117	#D8E475
83.3%	83.3% #F1EA7A	RGB 241 234 122	#F1EA7A
100.0%	100.0% #FFE480	RGB 255 228 128	#FFE480

#74AE5E #89BB64 #A1C96A #BCD66F #D8E475 #F1EA7A #FFE480

#74AE5E - #BCD66F - #FFE480

CSS codes

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

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