#CC97AC - #FFDEC4 | 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 #CC97AC to #FFDEC4

#CC97AC #FFDEC4

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

#CC97AC - #FFDEC4 | 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 #CC97AC as 0% and #FFDEC4 as 100%.

0.0%	0.0% #CC97AC	RGB 204 151 172	#CC97AC
16.7%	16.7% #D4A2B0	RGB 212 162 176	#D4A2B0
33.3%	33.3% #DDAEB4	RGB 221 174 180	#DDAEB4
50.0%	50.0% #E5BAB8	RGB 229 186 184	#E5BAB8
66.7%	66.7% #EEC6BC	RGB 238 198 188	#EEC6BC
83.3%	83.3% #F6D2C0	RGB 246 210 192	#F6D2C0
100.0%	100.0% #FFDEC4	RGB 255 222 196	#FFDEC4

#CC97AC #D4A2B0 #DDAEB4 #E5BAB8 #EEC6BC #F6D2C0 #FFDEC4

#CC97AC - #FFDEC4

HSV Blend

#CC97AC - #FFDEC4 | 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 #CC97AC as 0% and #FFDEC4 as 100%.

0.0%	0.0% #CC97AC	RGB 204 151 172	#CC97AC
16.7%	16.7% #D49EAC	RGB 212 158 172	#D49EAC
33.3%	33.3% #DDA5AC	RGB 221 165 172	#DDA5AC
50.0%	50.0% #E5AEAD	RGB 229 174 173	#E5AEAD
66.7%	66.7% #EEBDB4	RGB 238 189 180	#EEBDB4
83.3%	83.3% #F6CDBC	RGB 246 205 188	#F6CDBC
100.0%	100.0% #FFDEC4	RGB 255 222 196	#FFDEC4

#CC97AC #D49EAC #DDA5AC #E5AEAD #EEBDB4 #F6CDBC #FFDEC4

#CC97AC - #E5AEAD - #FFDEC4

CSS codes

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

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