#ECE3BF - #CFB26A | 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 #ECE3BF to #CFB26A

#ECE3BF #CFB26A

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

#ECE3BF - #CFB26A | 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 #ECE3BF as 0% and #CFB26A as 100%.

0.0%	0.0% #ECE3BF	RGB 236 227 191	#ECE3BF
16.7%	16.7% #E7DAB0	RGB 231 218 176	#E7DAB0
33.3%	33.3% #E2D2A2	RGB 226 210 162	#E2D2A2
50.0%	50.0% #DDCA94	RGB 221 202 148	#DDCA94
66.7%	66.7% #D8C286	RGB 216 194 134	#D8C286
83.3%	83.3% #D3BA78	RGB 211 186 120	#D3BA78
100.0%	100.0% #CFB26A	RGB 207 178 106	#CFB26A

#ECE3BF #E7DAB0 #E2D2A2 #DDCA94 #D8C286 #D3BA78 #CFB26A

#ECE3BF - #CFB26A

HSV Blend

#ECE3BF - #CFB26A | 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 #ECE3BF as 0% and #CFB26A as 100%.

0.0%	0.0% #ECE3BF	RGB 236 227 191	#ECE3BF
16.7%	16.7% #E7DBAF	RGB 231 219 175	#E7DBAF
33.3%	33.3% #E2D3A0	RGB 226 211 160	#E2D3A0
50.0%	50.0% #DDCB92	RGB 221 203 146	#DDCB92
66.7%	66.7% #D8C284	RGB 216 194 132	#D8C284
83.3%	83.3% #D3BA76	RGB 211 186 118	#D3BA76
100.0%	100.0% #CFB26A	RGB 207 178 106	#CFB26A

#ECE3BF #E7DBAF #E2D3A0 #DDCB92 #D8C284 #D3BA76 #CFB26A

#ECE3BF - #DDCB92 - #CFB26A

CSS codes

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

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