#748C5E - #E6CE7F | 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 #748C5E to #E6CE7F

#748C5E #E6CE7F

Calculate the color between two colors, #748C5E and #E6CE7F. 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)

#748C5E - #E6CE7F | 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 #748C5E as 0% and #E6CE7F as 100%.

0.0%	0.0% #748C5E	RGB 116 140 94	#748C5E
16.7%	16.7% #879763	RGB 135 151 99	#879763
33.3%	33.3% #9AA269	RGB 154 162 105	#9AA269
50.0%	50.0% #ADAD6E	RGB 173 173 110	#ADAD6E
66.7%	66.7% #C0B874	RGB 192 184 116	#C0B874
83.3%	83.3% #D3C379	RGB 211 195 121	#D3C379
100.0%	100.0% #E6CE7F	RGB 230 206 127	#E6CE7F

#748C5E #879763 #9AA269 #ADAD6E #C0B874 #D3C379 #E6CE7F

#748C5E - #E6CE7F

HSV Blend

#748C5E - #E6CE7F | 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 #748C5E as 0% and #E6CE7F as 100%.

0.0%	0.0% #748C5E	RGB 116 140 94	#748C5E
16.7%	16.7% #859B64	RGB 133 155 100	#859B64
33.3%	33.3% #99AA6B	RGB 153 170 107	#99AA6B
50.0%	50.0% #AEB971	RGB 174 185 113	#AEB971
66.7%	66.7% #C6C876	RGB 198 200 118	#C6C876
83.3%	83.3% #D7CD7A	RGB 215 205 122	#D7CD7A
100.0%	100.0% #E6CE7F	RGB 230 206 127	#E6CE7F

#748C5E #859B64 #99AA6B #AEB971 #C6C876 #D7CD7A #E6CE7F

#748C5E - #AEB971 - #E6CE7F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #748C5E 0%, #AEB971 50%, #E6CE7F 100%);
    background: -webkit-linear-gradient(top, #748C5E 0%, #AEB971 50%, #E6CE7F 100%);
    background: linear-gradient(to bottom, #748C5E 0%, #AEB971 50%, #E6CE7F 100%);
}
</style>