#ECECCF - #C9C37D | 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 #ECECCF to #C9C37D

#ECECCF #C9C37D

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

#ECECCF - #C9C37D | 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 #ECECCF as 0% and #C9C37D as 100%.

0.0%	0.0% #ECECCF	RGB 236 236 207	#ECECCF
16.7%	16.7% #E6E5C1	RGB 230 229 193	#E6E5C1
33.3%	33.3% #E0DEB3	RGB 224 222 179	#E0DEB3
50.0%	50.0% #DAD7A6	RGB 218 215 166	#DAD7A6
66.7%	66.7% #D4D098	RGB 212 208 152	#D4D098
83.3%	83.3% #CEC98A	RGB 206 201 138	#CEC98A
100.0%	100.0% #C9C37D	RGB 201 195 125	#C9C37D

#ECECCF #E6E5C1 #E0DEB3 #DAD7A6 #D4D098 #CEC98A #C9C37D

#ECECCF - #C9C37D

HSV Blend

#ECECCF - #C9C37D | 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 #ECECCF as 0% and #C9C37D as 100%.

0.0%	0.0% #ECECCF	RGB 236 236 207	#ECECCF
16.7%	16.7% #E6E5C0	RGB 230 229 192	#E6E5C0
33.3%	33.3% #E0DFB1	RGB 224 223 177	#E0DFB1
50.0%	50.0% #DAD8A3	RGB 218 216 163	#DAD8A3
66.7%	66.7% #D4D196	RGB 212 209 150	#D4D196
83.3%	83.3% #CECA89	RGB 206 202 137	#CECA89
100.0%	100.0% #C9C37D	RGB 201 195 125	#C9C37D

#ECECCF #E6E5C0 #E0DFB1 #DAD8A3 #D4D196 #CECA89 #C9C37D

#ECECCF - #DAD8A3 - #C9C37D

CSS codes

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

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