#ECEBB5 - #CCC35F | 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 #ECEBB5 to #CCC35F

#ECEBB5 #CCC35F

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

#ECEBB5 - #CCC35F | 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 #ECEBB5 as 0% and #CCC35F as 100%.

0.0%	0.0% #ECEBB5	RGB 236 235 181	#ECEBB5
16.7%	16.7% #E6E4A6	RGB 230 228 166	#E6E4A6
33.3%	33.3% #E1DD98	RGB 225 221 152	#E1DD98
50.0%	50.0% #DCD78A	RGB 220 215 138	#DCD78A
66.7%	66.7% #D6D07B	RGB 214 208 123	#D6D07B
83.3%	83.3% #D1C96D	RGB 209 201 109	#D1C96D
100.0%	100.0% #CCC35F	RGB 204 195 95	#CCC35F

#ECEBB5 #E6E4A6 #E1DD98 #DCD78A #D6D07B #D1C96D #CCC35F

#ECEBB5 - #CCC35F

HSV Blend

#ECEBB5 - #CCC35F | 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 #ECEBB5 as 0% and #CCC35F as 100%.

0.0%	0.0% #ECEBB5	RGB 236 235 181	#ECEBB5
16.7%	16.7% #E6E4A5	RGB 230 228 165	#E6E4A5
33.3%	33.3% #E1DE96	RGB 225 222 150	#E1DE96
50.0%	50.0% #DCD787	RGB 220 215 135	#DCD787
66.7%	66.7% #D6D079	RGB 214 208 121	#D6D079
83.3%	83.3% #D1CA6B	RGB 209 202 107	#D1CA6B
100.0%	100.0% #CCC35F	RGB 204 195 95	#CCC35F

#ECEBB5 #E6E4A5 #E1DE96 #DCD787 #D6D079 #D1CA6B #CCC35F

#ECEBB5 - #DCD787 - #CCC35F

CSS codes

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

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