#C7AF91 - #FFE4AD | 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 #C7AF91 to #FFE4AD

#C7AF91 #FFE4AD

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

#C7AF91 - #FFE4AD | 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 #C7AF91 as 0% and #FFE4AD as 100%.

0.0%	0.0% #C7AF91	RGB 199 175 145	#C7AF91
16.7%	16.7% #D0B795	RGB 208 183 149	#D0B795
33.3%	33.3% #D9C09A	RGB 217 192 154	#D9C09A
50.0%	50.0% #E3C99F	RGB 227 201 159	#E3C99F
66.7%	66.7% #ECD2A3	RGB 236 210 163	#ECD2A3
83.3%	83.3% #F5DBA8	RGB 245 219 168	#F5DBA8
100.0%	100.0% #FFE4AD	RGB 255 228 173	#FFE4AD

#C7AF91 #D0B795 #D9C09A #E3C99F #ECD2A3 #F5DBA8 #FFE4AD

#C7AF91 - #FFE4AD

HSV Blend

#C7AF91 - #FFE4AD | 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 #C7AF91 as 0% and #FFE4AD as 100%.

0.0%	0.0% #C7AF91	RGB 199 175 145	#C7AF91
16.7%	16.7% #D0B796	RGB 208 183 150	#D0B796
33.3%	33.3% #D9C09A	RGB 217 192 154	#D9C09A
50.0%	50.0% #E3C89F	RGB 227 200 159	#E3C89F
66.7%	66.7% #ECD1A4	RGB 236 209 164	#ECD1A4
83.3%	83.3% #F5DAA8	RGB 245 218 168	#F5DAA8
100.0%	100.0% #FFE4AD	RGB 255 228 173	#FFE4AD

#C7AF91 #D0B796 #D9C09A #E3C89F #ECD1A4 #F5DAA8 #FFE4AD

#C7AF91 - #E3C89F - #FFE4AD

CSS codes

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

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