#C18D4C - #FFCC69 | 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 #C18D4C to #FFCC69

#C18D4C #FFCC69

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

#C18D4C - #FFCC69 | 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 #C18D4C as 0% and #FFCC69 as 100%.

0.0%	0.0% #C18D4C	RGB 193 141 76	#C18D4C
16.7%	16.7% #CB9750	RGB 203 151 80	#CB9750
33.3%	33.3% #D5A255	RGB 213 162 85	#D5A255
50.0%	50.0% #E0AC5A	RGB 224 172 90	#E0AC5A
66.7%	66.7% #EAB75F	RGB 234 183 95	#EAB75F
83.3%	83.3% #F4C164	RGB 244 193 100	#F4C164
100.0%	100.0% #FFCC69	RGB 255 204 105	#FFCC69

#C18D4C #CB9750 #D5A255 #E0AC5A #EAB75F #F4C164 #FFCC69

#C18D4C - #FFCC69

HSV Blend

#C18D4C - #FFCC69 | 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 #C18D4C as 0% and #FFCC69 as 100%.

0.0%	0.0% #C18D4C	RGB 193 141 76	#C18D4C
16.7%	16.7% #CB9650	RGB 203 150 80	#CB9650
33.3%	33.3% #D5A155	RGB 213 161 85	#D5A155
50.0%	50.0% #E0AB5A	RGB 224 171 90	#E0AB5A
66.7%	66.7% #EAB65F	RGB 234 182 95	#EAB65F
83.3%	83.3% #F4C064	RGB 244 192 100	#F4C064
100.0%	100.0% #FFCC69	RGB 255 204 105	#FFCC69

#C18D4C #CB9650 #D5A155 #E0AB5A #EAB65F #F4C064 #FFCC69

#C18D4C - #E0AB5A - #FFCC69

CSS codes

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

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