#ECE3B7 - #CFB461 | 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 #ECE3B7 to #CFB461

#ECE3B7 #CFB461

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

#ECE3B7 - #CFB461 | 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 #ECE3B7 as 0% and #CFB461 as 100%.

0.0%	0.0% #ECE3B7	RGB 236 227 183	#ECE3B7
16.7%	16.7% #E7DBA8	RGB 231 219 168	#E7DBA8
33.3%	33.3% #E2D39A	RGB 226 211 154	#E2D39A
50.0%	50.0% #DDCB8C	RGB 221 203 140	#DDCB8C
66.7%	66.7% #D8C37D	RGB 216 195 125	#D8C37D
83.3%	83.3% #D3BB6F	RGB 211 187 111	#D3BB6F
100.0%	100.0% #CFB461	RGB 207 180 97	#CFB461

#ECE3B7 #E7DBA8 #E2D39A #DDCB8C #D8C37D #D3BB6F #CFB461

#ECE3B7 - #CFB461

HSV Blend

#ECE3B7 - #CFB461 | 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 #ECE3B7 as 0% and #CFB461 as 100%.

0.0%	0.0% #ECE3B7	RGB 236 227 183	#ECE3B7
16.7%	16.7% #E7DBA7	RGB 231 219 167	#E7DBA7
33.3%	33.3% #E2D398	RGB 226 211 152	#E2D398
50.0%	50.0% #DDCC89	RGB 221 204 137	#DDCC89
66.7%	66.7% #D8C47B	RGB 216 196 123	#D8C47B
83.3%	83.3% #D3BC6E	RGB 211 188 110	#D3BC6E
100.0%	100.0% #CFB461	RGB 207 180 97	#CFB461

#ECE3B7 #E7DBA7 #E2D398 #DDCC89 #D8C47B #D3BC6E #CFB461

#ECE3B7 - #DDCC89 - #CFB461

CSS codes

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

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