#C49C6B - #FFD88A | 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 #C49C6B to #FFD88A

#C49C6B #FFD88A

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

#C49C6B - #FFD88A | 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 #C49C6B as 0% and #FFD88A as 100%.

0.0%	0.0% #C49C6B	RGB 196 156 107	#C49C6B
16.7%	16.7% #CDA670	RGB 205 166 112	#CDA670
33.3%	33.3% #D7B075	RGB 215 176 117	#D7B075
50.0%	50.0% #E1BA7A	RGB 225 186 122	#E1BA7A
66.7%	66.7% #EBC47F	RGB 235 196 127	#EBC47F
83.3%	83.3% #F5CE84	RGB 245 206 132	#F5CE84
100.0%	100.0% #FFD88A	RGB 255 216 138	#FFD88A

#C49C6B #CDA670 #D7B075 #E1BA7A #EBC47F #F5CE84 #FFD88A

#C49C6B - #FFD88A

HSV Blend

#C49C6B - #FFD88A | 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 #C49C6B as 0% and #FFD88A as 100%.

0.0%	0.0% #C49C6B	RGB 196 156 107	#C49C6B
16.7%	16.7% #CDA570	RGB 205 165 112	#CDA570
33.3%	33.3% #D7AF75	RGB 215 175 117	#D7AF75
50.0%	50.0% #E1B97A	RGB 225 185 122	#E1B97A
66.7%	66.7% #EBC37F	RGB 235 195 127	#EBC37F
83.3%	83.3% #F5CD84	RGB 245 205 132	#F5CD84
100.0%	100.0% #FFD88A	RGB 255 216 138	#FFD88A

#C49C6B #CDA570 #D7AF75 #E1B97A #EBC37F #F5CD84 #FFD88A

#C49C6B - #E1B97A - #FFD88A

CSS codes

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

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