#C99D72 - #FFDA91 | 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 #C99D72 to #FFDA91

#C99D72 #FFDA91

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

#C99D72 - #FFDA91 | 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 #C99D72 as 0% and #FFDA91 as 100%.

0.0%	0.0% #C99D72	RGB 201 157 114	#C99D72
16.7%	16.7% #D2A777	RGB 210 167 119	#D2A777
33.3%	33.3% #DBB17C	RGB 219 177 124	#DBB17C
50.0%	50.0% #E4BB81	RGB 228 187 129	#E4BB81
66.7%	66.7% #EDC586	RGB 237 197 134	#EDC586
83.3%	83.3% #F6CF8B	RGB 246 207 139	#F6CF8B
100.0%	100.0% #FFDA91	RGB 255 218 145	#FFDA91

#C99D72 #D2A777 #DBB17C #E4BB81 #EDC586 #F6CF8B #FFDA91

#C99D72 - #FFDA91

HSV Blend

#C99D72 - #FFDA91 | 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 #C99D72 as 0% and #FFDA91 as 100%.

0.0%	0.0% #C99D72	RGB 201 157 114	#C99D72
16.7%	16.7% #D2A677	RGB 210 166 119	#D2A677
33.3%	33.3% #DBB07C	RGB 219 176 124	#DBB07C
50.0%	50.0% #E4BA81	RGB 228 186 129	#E4BA81
66.7%	66.7% #EDC486	RGB 237 196 134	#EDC486
83.3%	83.3% #F6CF8B	RGB 246 207 139	#F6CF8B
100.0%	100.0% #FFDA91	RGB 255 218 145	#FFDA91

#C99D72 #D2A677 #DBB07C #E4BA81 #EDC486 #F6CF8B #FFDA91

#C99D72 - #E4BA81 - #FFDA91

CSS codes

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

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