#C7AF6E - #FFE08D | 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 #C7AF6E to #FFE08D

#C7AF6E #FFE08D

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

#C7AF6E - #FFE08D | 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 #C7AF6E as 0% and #FFE08D as 100%.

0.0%	0.0% #C7AF6E	RGB 199 175 110	#C7AF6E
16.7%	16.7% #D0B773	RGB 208 183 115	#D0B773
33.3%	33.3% #D9BF78	RGB 217 191 120	#D9BF78
50.0%	50.0% #E3C77D	RGB 227 199 125	#E3C77D
66.7%	66.7% #ECCF82	RGB 236 207 130	#ECCF82
83.3%	83.3% #F5D787	RGB 245 215 135	#F5D787
100.0%	100.0% #FFE08D	RGB 255 224 141	#FFE08D

#C7AF6E #D0B773 #D9BF78 #E3C77D #ECCF82 #F5D787 #FFE08D

#C7AF6E - #FFE08D

HSV Blend

#C7AF6E - #FFE08D | 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 #C7AF6E as 0% and #FFE08D as 100%.

0.0%	0.0% #C7AF6E	RGB 199 175 110	#C7AF6E
16.7%	16.7% #D0B773	RGB 208 183 115	#D0B773
33.3%	33.3% #D9BF78	RGB 217 191 120	#D9BF78
50.0%	50.0% #E3C77D	RGB 227 199 125	#E3C77D
66.7%	66.7% #ECCF82	RGB 236 207 130	#ECCF82
83.3%	83.3% #F5D787	RGB 245 215 135	#F5D787
100.0%	100.0% #FFE08D	RGB 255 224 141	#FFE08D

#C7AF6E #D0B773 #D9BF78 #E3C77D #ECCF82 #F5D787 #FFE08D

#C7AF6E - #E3C77D - #FFE08D

CSS codes

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

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