#C18C72 - #FCFEAB | 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 #C18C72 to #FCFEAB

#C18C72 #FCFEAB

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

#C18C72 - #FCFEAB | 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 #C18C72 as 0% and #FCFEAB as 100%.

0.0%	0.0% #C18C72	RGB 193 140 114	#C18C72
16.7%	16.7% #CA9F7B	RGB 202 159 123	#CA9F7B
33.3%	33.3% #D4B285	RGB 212 178 133	#D4B285
50.0%	50.0% #DEC58E	RGB 222 197 142	#DEC58E
66.7%	66.7% #E8D898	RGB 232 216 152	#E8D898
83.3%	83.3% #F2EBA1	RGB 242 235 161	#F2EBA1
100.0%	100.0% #FCFEAB	RGB 252 254 171	#FCFEAB

#C18C72 #CA9F7B #D4B285 #DEC58E #E8D898 #F2EBA1 #FCFEAB

#C18C72 - #FCFEAB

HSV Blend

#C18C72 - #FCFEAB | 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 #C18C72 as 0% and #FCFEAB as 100%.

0.0%	0.0% #C18C72	RGB 193 140 114	#C18C72
16.7%	16.7% #CB9E7A	RGB 203 158 122	#CB9E7A
33.3%	33.3% #D5B183	RGB 213 177 131	#D5B183
50.0%	50.0% #DFC48D	RGB 223 196 141	#DFC48D
66.7%	66.7% #E9D896	RGB 233 216 150	#E9D896
83.3%	83.3% #F3ECA0	RGB 243 236 160	#F3ECA0
100.0%	100.0% #FCFEAB	RGB 252 254 171	#FCFEAB

#C18C72 #CB9E7A #D5B183 #DFC48D #E9D896 #F3ECA0 #FCFEAB

#C18C72 - #DFC48D - #FCFEAB

CSS codes

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

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