#929377 - #EAD499 | 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 #929377 to #EAD499

#929377 #EAD499

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

#929377 - #EAD499 | 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 #929377 as 0% and #EAD499 as 100%.

0.0%	0.0% #929377	RGB 146 147 119	#929377
16.7%	16.7% #A09D7C	RGB 160 157 124	#A09D7C
33.3%	33.3% #AFA882	RGB 175 168 130	#AFA882
50.0%	50.0% #BEB388	RGB 190 179 136	#BEB388
66.7%	66.7% #CCBE8D	RGB 204 190 141	#CCBE8D
83.3%	83.3% #DBC993	RGB 219 201 147	#DBC993
100.0%	100.0% #EAD499	RGB 234 212 153	#EAD499

#929377 #A09D7C #AFA882 #BEB388 #CCBE8D #DBC993 #EAD499

#929377 - #EAD499

HSV Blend

#929377 - #EAD499 | 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 #929377 as 0% and #EAD499 as 100%.

0.0%	0.0% #929377	RGB 146 147 119	#929377
16.7%	16.7% #A1A07E	RGB 161 160 126	#A1A07E
33.3%	33.3% #B0AD85	RGB 176 173 133	#B0AD85
50.0%	50.0% #BEB88B	RGB 190 184 139	#BEB88B
66.7%	66.7% #CDC290	RGB 205 194 144	#CDC290
83.3%	83.3% #DBCC95	RGB 219 204 149	#DBCC95
100.0%	100.0% #EAD499	RGB 234 212 153	#EAD499

#929377 #A1A07E #B0AD85 #BEB88B #CDC290 #DBCC95 #EAD499

#929377 - #BEB88B - #EAD499

CSS codes

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

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