#CC996B - #FFAF97 | 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 #CC996B to #FFAF97

#CC996B #FFAF97

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

#CC996B - #FFAF97 | 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 #CC996B as 0% and #FFAF97 as 100%.

0.0%	0.0% #CC996B	RGB 204 153 107	#CC996B
16.7%	16.7% #D49C72	RGB 212 156 114	#D49C72
33.3%	33.3% #DDA079	RGB 221 160 121	#DDA079
50.0%	50.0% #E5A481	RGB 229 164 129	#E5A481
66.7%	66.7% #EEA788	RGB 238 167 136	#EEA788
83.3%	83.3% #F6AB8F	RGB 246 171 143	#F6AB8F
100.0%	100.0% #FFAF97	RGB 255 175 151	#FFAF97

#CC996B #D49C72 #DDA079 #E5A481 #EEA788 #F6AB8F #FFAF97

#CC996B - #FFAF97

HSV Blend

#CC996B - #FFAF97 | 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 #CC996B as 0% and #FFAF97 as 100%.

0.0%	0.0% #CC996B	RGB 204 153 107	#CC996B
16.7%	16.7% #D49C71	RGB 212 156 113	#D49C71
33.3%	33.3% #DDA078	RGB 221 160 120	#DDA078
50.0%	50.0% #E5A380	RGB 229 163 128	#E5A380
66.7%	66.7% #EEA787	RGB 238 167 135	#EEA787
83.3%	83.3% #F6AB8F	RGB 246 171 143	#F6AB8F
100.0%	100.0% #FFAF97	RGB 255 175 151	#FFAF97

#CC996B #D49C71 #DDA078 #E5A380 #EEA787 #F6AB8F #FFAF97

#CC996B - #E5A380 - #FFAF97

CSS codes

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

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