#ECE1A8 - #CFB252 | 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 #ECE1A8 to #CFB252

#ECE1A8 #CFB252

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

#ECE1A8 - #CFB252 | 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 #ECE1A8 as 0% and #CFB252 as 100%.

0.0%	0.0% #ECE1A8	RGB 236 225 168	#ECE1A8
16.7%	16.7% #E7D999	RGB 231 217 153	#E7D999
33.3%	33.3% #E2D18B	RGB 226 209 139	#E2D18B
50.0%	50.0% #DDC97D	RGB 221 201 125	#DDC97D
66.7%	66.7% #D8C16E	RGB 216 193 110	#D8C16E
83.3%	83.3% #D3B960	RGB 211 185 96	#D3B960
100.0%	100.0% #CFB252	RGB 207 178 82	#CFB252

#ECE1A8 #E7D999 #E2D18B #DDC97D #D8C16E #D3B960 #CFB252

#ECE1A8 - #CFB252

HSV Blend

#ECE1A8 - #CFB252 | 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 #ECE1A8 as 0% and #CFB252 as 100%.

0.0%	0.0% #ECE1A8	RGB 236 225 168	#ECE1A8
16.7%	16.7% #E7D998	RGB 231 217 152	#E7D998
33.3%	33.3% #E2D189	RGB 226 209 137	#E2D189
50.0%	50.0% #DDCA7A	RGB 221 202 122	#DDCA7A
66.7%	66.7% #D8C26C	RGB 216 194 108	#D8C26C
83.3%	83.3% #D3BA5F	RGB 211 186 95	#D3BA5F
100.0%	100.0% #CFB252	RGB 207 178 82	#CFB252

#ECE1A8 #E7D998 #E2D189 #DDCA7A #D8C26C #D3BA5F #CFB252

#ECE1A8 - #DDCA7A - #CFB252

CSS codes

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

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