#7A7E5C - #E0C481 | 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 #7A7E5C to #E0C481

#7A7E5C #E0C481

Calculate the color between two colors, #7A7E5C and #E0C481. 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)

#7A7E5C - #E0C481 | 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 #7A7E5C as 0% and #E0C481 as 100%.

0.0%	0.0% #7A7E5C	RGB 122 126 92	#7A7E5C
16.7%	16.7% #8B8962	RGB 139 137 98	#8B8962
33.3%	33.3% #9C9568	RGB 156 149 104	#9C9568
50.0%	50.0% #ADA16E	RGB 173 161 110	#ADA16E
66.7%	66.7% #BEAC74	RGB 190 172 116	#BEAC74
83.3%	83.3% #CFB87A	RGB 207 184 122	#CFB87A
100.0%	100.0% #E0C481	RGB 224 196 129	#E0C481

#7A7E5C #8B8962 #9C9568 #ADA16E #BEAC74 #CFB87A #E0C481

#7A7E5C - #E0C481

HSV Blend

#7A7E5C - #E0C481 | 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 #7A7E5C as 0% and #E0C481 as 100%.

0.0%	0.0% #7A7E5C	RGB 122 126 92	#7A7E5C
16.7%	16.7% #8C8E64	RGB 140 142 100	#8C8E64
33.3%	33.3% #9E9D6B	RGB 158 157 107	#9E9D6B
50.0%	50.0% #AFA972	RGB 175 169 114	#AFA972
66.7%	66.7% #BFB478	RGB 191 180 120	#BFB478
83.3%	83.3% #CFBC7C	RGB 207 188 124	#CFBC7C
100.0%	100.0% #E0C481	RGB 224 196 129	#E0C481

#7A7E5C #8C8E64 #9E9D6B #AFA972 #BFB478 #CFBC7C #E0C481

#7A7E5C - #AFA972 - #E0C481

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7A7E5C 0%, #AFA972 50%, #E0C481 100%);
    background: -webkit-linear-gradient(top, #7A7E5C 0%, #AFA972 50%, #E0C481 100%);
    background: linear-gradient(to bottom, #7A7E5C 0%, #AFA972 50%, #E0C481 100%);
}
</style>