#ECECB9 - #CBC563 | 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 #ECECB9 to #CBC563

#ECECB9 #CBC563

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

#ECECB9 - #CBC563 | 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 #ECECB9 as 0% and #CBC563 as 100%.

0.0%	0.0% #ECECB9	RGB 236 236 185	#ECECB9
16.7%	16.7% #E6E5AA	RGB 230 229 170	#E6E5AA
33.3%	33.3% #E1DF9C	RGB 225 223 156	#E1DF9C
50.0%	50.0% #DBD88E	RGB 219 216 142	#DBD88E
66.7%	66.7% #D6D27F	RGB 214 210 127	#D6D27F
83.3%	83.3% #D0CB71	RGB 208 203 113	#D0CB71
100.0%	100.0% #CBC563	RGB 203 197 99	#CBC563

#ECECB9 #E6E5AA #E1DF9C #DBD88E #D6D27F #D0CB71 #CBC563

#ECECB9 - #CBC563

HSV Blend

#ECECB9 - #CBC563 | 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 #ECECB9 as 0% and #CBC563 as 100%.

0.0%	0.0% #ECECB9	RGB 236 236 185	#ECECB9
16.7%	16.7% #E6E5A9	RGB 230 229 169	#E6E5A9
33.3%	33.3% #E1DF9A	RGB 225 223 154	#E1DF9A
50.0%	50.0% #DBD98B	RGB 219 217 139	#DBD98B
66.7%	66.7% #D6D27D	RGB 214 210 125	#D6D27D
83.3%	83.3% #D0CB6F	RGB 208 203 111	#D0CB6F
100.0%	100.0% #CBC563	RGB 203 197 99	#CBC563

#ECECB9 #E6E5A9 #E1DF9A #DBD98B #D6D27D #D0CB6F #CBC563

#ECECB9 - #DBD98B - #CBC563

CSS codes

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

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