#ECC82C - #C7880B | 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 #ECC82C to #C7880B

#ECC82C #C7880B

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

#ECC82C - #C7880B | 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 #ECC82C as 0% and #C7880B as 100%.

0.0%	0.0% #ECC82C	RGB 236 200 44	#ECC82C
16.7%	16.7% #E5BD26	RGB 229 189 38	#E5BD26
33.3%	33.3% #DFB221	RGB 223 178 33	#DFB221
50.0%	50.0% #D9A81B	RGB 217 168 27	#D9A81B
66.7%	66.7% #D39D16	RGB 211 157 22	#D39D16
83.3%	83.3% #CD9210	RGB 205 146 16	#CD9210
100.0%	100.0% #C7880B	RGB 199 136 11	#C7880B

#ECC82C #E5BD26 #DFB221 #D9A81B #D39D16 #CD9210 #C7880B

#ECC82C - #C7880B

HSV Blend

#ECC82C - #C7880B | 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 #ECC82C as 0% and #C7880B as 100%.

0.0%	0.0% #ECC82B	RGB 236 200 43	#ECC82B
16.7%	16.7% #E5BD25	RGB 229 189 37	#E5BD25
33.3%	33.3% #DFB21F	RGB 223 178 31	#DFB21F
50.0%	50.0% #D9A71A	RGB 217 167 26	#D9A71A
66.7%	66.7% #D39C14	RGB 211 156 20	#D39C14
83.3%	83.3% #CD920F	RGB 205 146 15	#CD920F
100.0%	100.0% #C7880B	RGB 199 136 11	#C7880B

#ECC82B #E5BD25 #DFB21F #D9A71A #D39C14 #CD920F #C7880B

#ECC82C - #D9A71A - #C7880B

CSS codes

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

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