#CF99C9 - #FCE7E5 | 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 #CF99C9 to #FCE7E5

#CF99C9 #FCE7E5

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

#CF99C9 - #FCE7E5 | 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 #CF99C9 as 0% and #FCE7E5 as 100%.

0.0%	0.0% #CF99C9	RGB 207 153 201	#CF99C9
16.7%	16.7% #D6A6CD	RGB 214 166 205	#D6A6CD
33.3%	33.3% #DEB3D2	RGB 222 179 210	#DEB3D2
50.0%	50.0% #E5C0D7	RGB 229 192 215	#E5C0D7
66.7%	66.7% #EDCDDB	RGB 237 205 219	#EDCDDB
83.3%	83.3% #F4DAE0	RGB 244 218 224	#F4DAE0
100.0%	100.0% #FCE7E5	RGB 252 231 229	#FCE7E5

#CF99C9 #D6A6CD #DEB3D2 #E5C0D7 #EDCDDB #F4DAE0 #FCE7E5

#CF99C9 - #FCE7E5

HSV Blend

#CF99C9 - #FCE7E5 | 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 #CF99C9 as 0% and #FCE7E5 as 100%.

0.0%	0.0% #CF99C9	RGB 207 153 201	#CF99C9
16.7%	16.7% #D6A4C8	RGB 214 164 200	#D6A4C8
33.3%	33.3% #DEB0CA	RGB 222 176 202	#DEB0CA
50.0%	50.0% #E5BDCD	RGB 229 189 205	#E5BDCD
66.7%	66.7% #EDC9D2	RGB 237 201 210	#EDC9D2
83.3%	83.3% #F4D7D9	RGB 244 215 217	#F4D7D9
100.0%	100.0% #FCE7E5	RGB 252 231 229	#FCE7E5

#CF99C9 #D6A4C8 #DEB0CA #E5BDCD #EDC9D2 #F4D7D9 #FCE7E5

#CF99C9 - #E5BDCD - #FCE7E5

CSS codes

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

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