#CC9BA1 - #FFDCB6 | 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 #CC9BA1 to #FFDCB6

#CC9BA1 #FFDCB6

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

#CC9BA1 - #FFDCB6 | 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 #CC9BA1 as 0% and #FFDCB6 as 100%.

0.0%	0.0% #CC9BA1	RGB 204 155 161	#CC9BA1
16.7%	16.7% #D4A5A4	RGB 212 165 164	#D4A5A4
33.3%	33.3% #DDB0A8	RGB 221 176 168	#DDB0A8
50.0%	50.0% #E5BBAB	RGB 229 187 171	#E5BBAB
66.7%	66.7% #EEC6AF	RGB 238 198 175	#EEC6AF
83.3%	83.3% #F6D1B2	RGB 246 209 178	#F6D1B2
100.0%	100.0% #FFDCB6	RGB 255 220 182	#FFDCB6

#CC9BA1 #D4A5A4 #DDB0A8 #E5BBAB #EEC6AF #F6D1B2 #FFDCB6

#CC9BA1 - #FFDCB6

HSV Blend

#CC9BA1 - #FFDCB6 | 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 #CC9BA1 as 0% and #FFDCB6 as 100%.

0.0%	0.0% #CC9BA1	RGB 204 155 161	#CC9BA1
16.7%	16.7% #D49FA0	RGB 212 159 160	#D49FA0
33.3%	33.3% #DDA9A4	RGB 221 169 164	#DDA9A4
50.0%	50.0% #E5B5A9	RGB 229 181 169	#E5B5A9
66.7%	66.7% #EEC1AD	RGB 238 193 173	#EEC1AD
83.3%	83.3% #F6CEB1	RGB 246 206 177	#F6CEB1
100.0%	100.0% #FFDCB6	RGB 255 220 182	#FFDCB6

#CC9BA1 #D49FA0 #DDA9A4 #E5B5A9 #EEC1AD #F6CEB1 #FFDCB6

#CC9BA1 - #E5B5A9 - #FFDCB6

CSS codes

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

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