#C2AD74 - #FFAA97 | 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 #C2AD74 to #FFAA97

#C2AD74 #FFAA97

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

#C2AD74 - #FFAA97 | 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 #C2AD74 as 0% and #FFAA97 as 100%.

0.0%	0.0% #C2AD74	RGB 194 173 116	#C2AD74
16.7%	16.7% #CCAC79	RGB 204 172 121	#CCAC79
33.3%	33.3% #D6AC7F	RGB 214 172 127	#D6AC7F
50.0%	50.0% #E0AB85	RGB 224 171 133	#E0AB85
66.7%	66.7% #EAAB8B	RGB 234 171 139	#EAAB8B
83.3%	83.3% #F4AA91	RGB 244 170 145	#F4AA91
100.0%	100.0% #FFAA97	RGB 255 170 151	#FFAA97

#C2AD74 #CCAC79 #D6AC7F #E0AB85 #EAAB8B #F4AA91 #FFAA97

#C2AD74 - #FFAA97

HSV Blend

#C2AD74 - #FFAA97 | 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 #C2AD74 as 0% and #FFAA97 as 100%.

0.0%	0.0% #C2AD74	RGB 194 173 116	#C2AD74
16.7%	16.7% #CCAE79	RGB 204 174 121	#CCAE79
33.3%	33.3% #D6AF7F	RGB 214 175 127	#D6AF7F
50.0%	50.0% #E0AF85	RGB 224 175 133	#E0AF85
66.7%	66.7% #EAAE8B	RGB 234 174 139	#EAAE8B
83.3%	83.3% #F4AC91	RGB 244 172 145	#F4AC91
100.0%	100.0% #FFAA97	RGB 255 170 151	#FFAA97

#C2AD74 #CCAE79 #D6AF7F #E0AF85 #EAAE8B #F4AC91 #FFAA97

#C2AD74 - #E0AF85 - #FFAA97

CSS codes

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

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