#ECEBD2 - #CAC081 | 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 #ECEBD2 to #CAC081

#ECEBD2 #CAC081

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

#ECEBD2 - #CAC081 | 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 #ECEBD2 as 0% and #CAC081 as 100%.

0.0%	0.0% #ECEBD2	RGB 236 235 210	#ECEBD2
16.7%	16.7% #E6E3C4	RGB 230 227 196	#E6E3C4
33.3%	33.3% #E0DCB7	RGB 224 220 183	#E0DCB7
50.0%	50.0% #DBD5A9	RGB 219 213 169	#DBD5A9
66.7%	66.7% #D5CE9C	RGB 213 206 156	#D5CE9C
83.3%	83.3% #CFC78E	RGB 207 199 142	#CFC78E
100.0%	100.0% #CAC081	RGB 202 192 129	#CAC081

#ECEBD2 #E6E3C4 #E0DCB7 #DBD5A9 #D5CE9C #CFC78E #CAC081

#ECEBD2 - #CAC081

HSV Blend

#ECEBD2 - #CAC081 | 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 #ECEBD2 as 0% and #CAC081 as 100%.

0.0%	0.0% #ECEBD2	RGB 236 235 210	#ECEBD2
16.7%	16.7% #E6E4C3	RGB 230 228 195	#E6E4C3
33.3%	33.3% #E0DDB5	RGB 224 221 181	#E0DDB5
50.0%	50.0% #DBD6A7	RGB 219 214 167	#DBD6A7
66.7%	66.7% #D5CF9A	RGB 213 207 154	#D5CF9A
83.3%	83.3% #CFC78D	RGB 207 199 141	#CFC78D
100.0%	100.0% #CAC081	RGB 202 192 129	#CAC081

#ECEBD2 #E6E4C3 #E0DDB5 #DBD6A7 #D5CF9A #CFC78D #CAC081

#ECEBD2 - #DBD6A7 - #CAC081

CSS codes

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

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