#CC9A8B - #FFDDAC | 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 #CC9A8B to #FFDDAC

#CC9A8B #FFDDAC

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

#CC9A8B - #FFDDAC | 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 #CC9A8B as 0% and #FFDDAC as 100%.

0.0%	0.0% #CC9A8B	RGB 204 154 139	#CC9A8B
16.7%	16.7% #D4A590	RGB 212 165 144	#D4A590
33.3%	33.3% #DDB096	RGB 221 176 150	#DDB096
50.0%	50.0% #E5BB9B	RGB 229 187 155	#E5BB9B
66.7%	66.7% #EEC6A1	RGB 238 198 161	#EEC6A1
83.3%	83.3% #F6D1A6	RGB 246 209 166	#F6D1A6
100.0%	100.0% #FFDDAC	RGB 255 221 172	#FFDDAC

#CC9A8B #D4A590 #DDB096 #E5BB9B #EEC6A1 #F6D1A6 #FFDDAC

#CC9A8B - #FFDDAC

HSV Blend

#CC9A8B - #FFDDAC | 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 #CC9A8B as 0% and #FFDDAC as 100%.

0.0%	0.0% #CC9A8B	RGB 204 154 139	#CC9A8B
16.7%	16.7% #D4A490	RGB 212 164 144	#D4A490
33.3%	33.3% #DDAE96	RGB 221 174 150	#DDAE96
50.0%	50.0% #E5B99B	RGB 229 185 155	#E5B99B
66.7%	66.7% #EEC5A1	RGB 238 197 161	#EEC5A1
83.3%	83.3% #F6D0A6	RGB 246 208 166	#F6D0A6
100.0%	100.0% #FFDDAC	RGB 255 221 172	#FFDDAC

#CC9A8B #D4A490 #DDAE96 #E5B99B #EEC5A1 #F6D0A6 #FFDDAC

#CC9A8B - #E5B99B - #FFDDAC

CSS codes

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

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