#C8A33C - #EFE5C7 | 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 #C8A33C to #EFE5C7

#C8A33C #EFE5C7

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

#C8A33C - #EFE5C7 | 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 #C8A33C as 0% and #EFE5C7 as 100%.

0.0%	0.0% #C8A33C	RGB 200 163 60	#C8A33C
16.7%	16.7% #CEAE53	RGB 206 174 83	#CEAE53
33.3%	33.3% #D5B96A	RGB 213 185 106	#D5B96A
50.0%	50.0% #DBC481	RGB 219 196 129	#DBC481
66.7%	66.7% #E2CF98	RGB 226 207 152	#E2CF98
83.3%	83.3% #E8DAAF	RGB 232 218 175	#E8DAAF
100.0%	100.0% #EFE5C7	RGB 239 229 199	#EFE5C7

#C8A33C #CEAE53 #D5B96A #DBC481 #E2CF98 #E8DAAF #EFE5C7

#C8A33C - #EFE5C7

HSV Blend

#C8A33C - #EFE5C7 | 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 #C8A33C as 0% and #EFE5C7 as 100%.

0.0%	0.0% #C8A33C	RGB 200 163 60	#C8A33C
16.7%	16.7% #CEAD50	RGB 206 173 80	#CEAD50
33.3%	33.3% #D5B865	RGB 213 184 101	#D5B865
50.0%	50.0% #DBC37C	RGB 219 195 124	#DBC37C
66.7%	66.7% #E2CE94	RGB 226 206 148	#E2CE94
83.3%	83.3% #E8D9AC	RGB 232 217 172	#E8D9AC
100.0%	100.0% #EFE5C7	RGB 239 229 199	#EFE5C7

#C8A33C #CEAD50 #D5B865 #DBC37C #E2CE94 #E8D9AC #EFE5C7

#C8A33C - #DBC37C - #EFE5C7

CSS codes

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

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