#C99B7B - #FFDA9A | 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 #C99B7B to #FFDA9A

#C99B7B #FFDA9A

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

#C99B7B - #FFDA9A | 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 #C99B7B as 0% and #FFDA9A as 100%.

0.0%	0.0% #C99B7B	RGB 201 155 123	#C99B7B
16.7%	16.7% #D2A580	RGB 210 165 128	#D2A580
33.3%	33.3% #DBB085	RGB 219 176 133	#DBB085
50.0%	50.0% #E4BA8A	RGB 228 186 138	#E4BA8A
66.7%	66.7% #EDC58F	RGB 237 197 143	#EDC58F
83.3%	83.3% #F6CF94	RGB 246 207 148	#F6CF94
100.0%	100.0% #FFDA9A	RGB 255 218 154	#FFDA9A

#C99B7B #D2A580 #DBB085 #E4BA8A #EDC58F #F6CF94 #FFDA9A

#C99B7B - #FFDA9A

HSV Blend

#C99B7B - #FFDA9A | 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 #C99B7B as 0% and #FFDA9A as 100%.

0.0%	0.0% #C99B7B	RGB 201 155 123	#C99B7B
16.7%	16.7% #D2A480	RGB 210 164 128	#D2A480
33.3%	33.3% #DBAE85	RGB 219 174 133	#DBAE85
50.0%	50.0% #E4B98A	RGB 228 185 138	#E4B98A
66.7%	66.7% #EDC38F	RGB 237 195 143	#EDC38F
83.3%	83.3% #F6CE94	RGB 246 206 148	#F6CE94
100.0%	100.0% #FFDA9A	RGB 255 218 154	#FFDA9A

#C99B7B #D2A480 #DBAE85 #E4B98A #EDC38F #F6CE94 #FFDA9A

#C99B7B - #E4B98A - #FFDA9A

CSS codes

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

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