#ECCD52 - #CD9316 | 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 #ECCD52 to #CD9316

#ECCD52 #CD9316

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

#ECCD52 - #CD9316 | 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 #ECCD52 as 0% and #CD9316 as 100%.

0.0%	0.0% #ECCD52	RGB 236 205 82	#ECCD52
16.7%	16.7% #E6C348	RGB 230 195 72	#E6C348
33.3%	33.3% #E1B93E	RGB 225 185 62	#E1B93E
50.0%	50.0% #DCB034	RGB 220 176 52	#DCB034
66.7%	66.7% #D7A62A	RGB 215 166 42	#D7A62A
83.3%	83.3% #D29C20	RGB 210 156 32	#D29C20
100.0%	100.0% #CD9316	RGB 205 147 22	#CD9316

#ECCD52 #E6C348 #E1B93E #DCB034 #D7A62A #D29C20 #CD9316

#ECCD52 - #CD9316

HSV Blend

#ECCD52 - #CD9316 | 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 #ECCD52 as 0% and #CD9316 as 100%.

0.0%	0.0% #ECCD51	RGB 236 205 81	#ECCD51
16.7%	16.7% #E6C346	RGB 230 195 70	#E6C346
33.3%	33.3% #E1BA3C	RGB 225 186 60	#E1BA3C
50.0%	50.0% #DCB032	RGB 220 176 50	#DCB032
66.7%	66.7% #D7A628	RGB 215 166 40	#D7A628
83.3%	83.3% #D29C1E	RGB 210 156 30	#D29C1E
100.0%	100.0% #CD9316	RGB 205 147 22	#CD9316

#ECCD51 #E6C346 #E1BA3C #DCB032 #D7A628 #D29C1E #CD9316

#ECCD52 - #DCB032 - #CD9316

CSS codes

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

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