#EDECB5 - #CEC55F | 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 #EDECB5 to #CEC55F

#EDECB5 #CEC55F

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

#EDECB5 - #CEC55F | 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 #EDECB5 as 0% and #CEC55F as 100%.

0.0%	0.0% #EDECB5	RGB 237 236 181	#EDECB5
16.7%	16.7% #E7E5A6	RGB 231 229 166	#E7E5A6
33.3%	33.3% #E2DF98	RGB 226 223 152	#E2DF98
50.0%	50.0% #DDD88A	RGB 221 216 138	#DDD88A
66.7%	66.7% #D8D27B	RGB 216 210 123	#D8D27B
83.3%	83.3% #D3CB6D	RGB 211 203 109	#D3CB6D
100.0%	100.0% #CEC55F	RGB 206 197 95	#CEC55F

#EDECB5 #E7E5A6 #E2DF98 #DDD88A #D8D27B #D3CB6D #CEC55F

#EDECB5 - #CEC55F

HSV Blend

#EDECB5 - #CEC55F | 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 #EDECB5 as 0% and #CEC55F as 100%.

0.0%	0.0% #EDECB5	RGB 237 236 181	#EDECB5
16.7%	16.7% #E7E5A5	RGB 231 229 165	#E7E5A5
33.3%	33.3% #E2DF96	RGB 226 223 150	#E2DF96
50.0%	50.0% #DDD987	RGB 221 217 135	#DDD987
66.7%	66.7% #D8D279	RGB 216 210 121	#D8D279
83.3%	83.3% #D3CB6C	RGB 211 203 108	#D3CB6C
100.0%	100.0% #CEC55F	RGB 206 197 95	#CEC55F

#EDECB5 #E7E5A5 #E2DF96 #DDD987 #D8D279 #D3CB6C #CEC55F

#EDECB5 - #DDD987 - #CEC55F

CSS codes

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

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