#ECE4D2 - #CFB081 | 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 #ECE4D2 to #CFB081

#ECE4D2 #CFB081

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

#ECE4D2 - #CFB081 | 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 #ECE4D2 as 0% and #CFB081 as 100%.

0.0%	0.0% #ECE4D2	RGB 236 228 210	#ECE4D2
16.7%	16.7% #E7DBC4	RGB 231 219 196	#E7DBC4
33.3%	33.3% #E2D2B7	RGB 226 210 183	#E2D2B7
50.0%	50.0% #DDCAA9	RGB 221 202 169	#DDCAA9
66.7%	66.7% #D8C19C	RGB 216 193 156	#D8C19C
83.3%	83.3% #D3B88E	RGB 211 184 142	#D3B88E
100.0%	100.0% #CFB081	RGB 207 176 129	#CFB081

#ECE4D2 #E7DBC4 #E2D2B7 #DDCAA9 #D8C19C #D3B88E #CFB081

#ECE4D2 - #CFB081

HSV Blend

#ECE4D2 - #CFB081 | 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 #ECE4D2 as 0% and #CFB081 as 100%.

0.0%	0.0% #ECE4D2	RGB 236 228 210	#ECE4D2
16.7%	16.7% #E7DBC3	RGB 231 219 195	#E7DBC3
33.3%	33.3% #E2D3B5	RGB 226 211 181	#E2D3B5
50.0%	50.0% #DDCAA7	RGB 221 202 167	#DDCAA7
66.7%	66.7% #D8C19A	RGB 216 193 154	#D8C19A
83.3%	83.3% #D3B88D	RGB 211 184 141	#D3B88D
100.0%	100.0% #CFB081	RGB 207 176 129	#CFB081

#ECE4D2 #E7DBC3 #E2D3B5 #DDCAA7 #D8C19A #D3B88D #CFB081

#ECE4D2 - #DDCAA7 - #CFB081

CSS codes

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

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