#CC896D - #FCFBC4 | 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 #CC896D to #FCFBC4

#CC896D #FCFBC4

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

#CC896D - #FCFBC4 | 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 #CC896D as 0% and #FCFBC4 as 100%.

0.0%	0.0% #CC896D	RGB 204 137 109	#CC896D
16.7%	16.7% #D49C7B	RGB 212 156 123	#D49C7B
33.3%	33.3% #DCAF8A	RGB 220 175 138	#DCAF8A
50.0%	50.0% #E4C298	RGB 228 194 152	#E4C298
66.7%	66.7% #ECD5A7	RGB 236 213 167	#ECD5A7
83.3%	83.3% #F4E8B5	RGB 244 232 181	#F4E8B5
100.0%	100.0% #FCFBC4	RGB 252 251 196	#FCFBC4

#CC896D #D49C7B #DCAF8A #E4C298 #ECD5A7 #F4E8B5 #FCFBC4

#CC896D - #FCFBC4

HSV Blend

#CC896D - #FCFBC4 | 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 #CC896D as 0% and #FCFBC4 as 100%.

0.0%	0.0% #CC896D	RGB 204 137 109	#CC896D
16.7%	16.7% #D49E79	RGB 212 158 121	#D49E79
33.3%	33.3% #DCB387	RGB 220 179 135	#DCB387
50.0%	50.0% #E4C795	RGB 228 199 149	#E4C795
66.7%	66.7% #ECDAA4	RGB 236 218 164	#ECDAA4
83.3%	83.3% #F4EBB3	RGB 244 235 179	#F4EBB3
100.0%	100.0% #FCFBC4	RGB 252 251 196	#FCFBC4

#CC896D #D49E79 #DCB387 #E4C795 #ECDAA4 #F4EBB3 #FCFBC4

#CC896D - #E4C795 - #FCFBC4

CSS codes

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

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