#7E7E7A - #EFC292 | 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 #7E7E7A to #EFC292

#7E7E7A #EFC292

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

#7E7E7A - #EFC292 | 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 #7E7E7A as 0% and #EFC292 as 100%.

0.0%	0.0% #7E7E7A	RGB 126 126 122	#7E7E7A
16.7%	16.7% #90897E	RGB 144 137 126	#90897E
33.3%	33.3% #A39482	RGB 163 148 130	#A39482
50.0%	50.0% #B6A086	RGB 182 160 134	#B6A086
66.7%	66.7% #C9AB8A	RGB 201 171 138	#C9AB8A
83.3%	83.3% #DCB68E	RGB 220 182 142	#DCB68E
100.0%	100.0% #EFC292	RGB 239 194 146	#EFC292

#7E7E7A #90897E #A39482 #B6A086 #C9AB8A #DCB68E #EFC292

#7E7E7A - #EFC292

HSV Blend

#7E7E7A - #EFC292 | 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 #7E7E7A as 0% and #EFC292 as 100%.

0.0%	0.0% #7E7E7A	RGB 126 126 122	#7E7E7A
16.7%	16.7% #908F83	RGB 144 143 131	#908F83
33.3%	33.3% #A39F8A	RGB 163 159 138	#A39F8A
50.0%	50.0% #B6AD90	RGB 182 173 144	#B6AD90
66.7%	66.7% #C9B792	RGB 201 183 146	#C9B792
83.3%	83.3% #DCBE93	RGB 220 190 147	#DCBE93
100.0%	100.0% #EFC292	RGB 239 194 146	#EFC292

#7E7E7A #908F83 #A39F8A #B6AD90 #C9B792 #DCBE93 #EFC292

#7E7E7A - #B6AD90 - #EFC292

CSS codes

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

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