#EDED5E - #CEC21B | 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 #EDED5E to #CEC21B

#EDED5E #CEC21B

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

#EDED5E - #CEC21B | 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 #EDED5E as 0% and #CEC21B as 100%.

0.0%	0.0% #EDED5E	RGB 237 237 94	#EDED5E
16.7%	16.7% #E7E552	RGB 231 229 82	#E7E552
33.3%	33.3% #E2DE47	RGB 226 222 71	#E2DE47
50.0%	50.0% #DDD73C	RGB 221 215 60	#DDD73C
66.7%	66.7% #D8D031	RGB 216 208 49	#D8D031
83.3%	83.3% #D3C926	RGB 211 201 38	#D3C926
100.0%	100.0% #CEC21B	RGB 206 194 27	#CEC21B

#EDED5E #E7E552 #E2DE47 #DDD73C #D8D031 #D3C926 #CEC21B

#EDED5E - #CEC21B

HSV Blend

#EDED5E - #CEC21B | 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 #EDED5E as 0% and #CEC21B as 100%.

0.0%	0.0% #EDED5E	RGB 237 237 94	#EDED5E
16.7%	16.7% #E7E651	RGB 231 230 81	#E7E651
33.3%	33.3% #E2DF45	RGB 226 223 69	#E2DF45
50.0%	50.0% #DDD83A	RGB 221 216 58	#DDD83A
66.7%	66.7% #D8D02F	RGB 216 208 47	#D8D02F
83.3%	83.3% #D3C925	RGB 211 201 37	#D3C925
100.0%	100.0% #CEC21B	RGB 206 194 27	#CEC21B

#EDED5E #E7E651 #E2DF45 #DDD83A #D8D02F #D3C925 #CEC21B

#EDED5E - #DDD83A - #CEC21B

CSS codes

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

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