#E5E4E2 - #CBC298 | 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 #E5E4E2 to #CBC298

#E5E4E2 #CBC298

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

#E5E4E2 - #CBC298 | 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 #E5E4E2 as 0% and #CBC298 as 100%.

0.0%	0.0% #E5E4E2	RGB 229 228 226	#E5E4E2
16.7%	16.7% #E0DED5	RGB 224 222 213	#E0DED5
33.3%	33.3% #DCD8C9	RGB 220 216 201	#DCD8C9
50.0%	50.0% #D8D3BD	RGB 216 211 189	#D8D3BD
66.7%	66.7% #D3CDB0	RGB 211 205 176	#D3CDB0
83.3%	83.3% #CFC7A4	RGB 207 199 164	#CFC7A4
100.0%	100.0% #CBC298	RGB 203 194 152	#CBC298

#E5E4E2 #E0DED5 #DCD8C9 #D8D3BD #D3CDB0 #CFC7A4 #CBC298

#E5E4E2 - #CBC298

HSV Blend

#E5E4E2 - #CBC298 | 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 #E5E4E2 as 0% and #CBC298 as 100%.

0.0%	0.0% #E5E4E2	RGB 229 228 226	#E5E4E2
16.7%	16.7% #E0DDD4	RGB 224 221 212	#E0DDD4
33.3%	33.3% #DCD6C7	RGB 220 214 199	#DCD6C7
50.0%	50.0% #D8D0BB	RGB 216 208 187	#D8D0BB
66.7%	66.7% #D3CBAF	RGB 211 203 175	#D3CBAF
83.3%	83.3% #CFC6A3	RGB 207 198 163	#CFC6A3
100.0%	100.0% #CBC298	RGB 203 194 152	#CBC298

#E5E4E2 #E0DDD4 #DCD6C7 #D8D0BB #D3CBAF #CFC6A3 #CBC298

#E5E4E2 - #D8D0BB - #CBC298

CSS codes

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

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