#AD9F40 - #EBF958 | 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 #AD9F40 to #EBF958

#AD9F40 #EBF958

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

#AD9F40 - #EBF958 | 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 #AD9F40 as 0% and #EBF958 as 100%.

0.0%	0.0% #AD9F40	RGB 173 159 64	#AD9F40
16.7%	16.7% #B7AE44	RGB 183 174 68	#B7AE44
33.3%	33.3% #C1BD48	RGB 193 189 72	#C1BD48
50.0%	50.0% #CCCC4C	RGB 204 204 76	#CCCC4C
66.7%	66.7% #D6DB50	RGB 214 219 80	#D6DB50
83.3%	83.3% #E0EA54	RGB 224 234 84	#E0EA54
100.0%	100.0% #EBF958	RGB 235 249 88	#EBF958

#AD9F40 #B7AE44 #C1BD48 #CCCC4C #D6DB50 #E0EA54 #EBF958

#AD9F40 - #EBF958

HSV Blend

#AD9F40 - #EBF958 | 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 #AD9F40 as 0% and #EBF958 as 100%.

0.0%	0.0% #AD9F40	RGB 173 159 64	#AD9F40
16.7%	16.7% #B9AE44	RGB 185 174 68	#B9AE44
33.3%	33.3% #C6BF48	RGB 198 191 72	#C6BF48
50.0%	50.0% #D3D04C	RGB 211 208 76	#D3D04C
66.7%	66.7% #DDDF50	RGB 221 223 80	#DDDF50
83.3%	83.3% #E4EC54	RGB 228 236 84	#E4EC54
100.0%	100.0% #EBF958	RGB 235 249 88	#EBF958

#AD9F40 #B9AE44 #C6BF48 #D3D04C #DDDF50 #E4EC54 #EBF958

#AD9F40 - #D3D04C - #EBF958

CSS codes

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

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