#CF9DA7 - #FEF9DF | 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 #CF9DA7 to #FEF9DF

#CF9DA7 #FEF9DF

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

#CF9DA7 - #FEF9DF | 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 #CF9DA7 as 0% and #FEF9DF as 100%.

0.0%	0.0% #CF9DA7	RGB 207 157 167	#CF9DA7
16.7%	16.7% #D6ACB0	RGB 214 172 176	#D6ACB0
33.3%	33.3% #DEBBB9	RGB 222 187 185	#DEBBB9
50.0%	50.0% #E6CBC3	RGB 230 203 195	#E6CBC3
66.7%	66.7% #EEDACC	RGB 238 218 204	#EEDACC
83.3%	83.3% #F6E9D5	RGB 246 233 213	#F6E9D5
100.0%	100.0% #FEF9DF	RGB 254 249 223	#FEF9DF

#CF9DA7 #D6ACB0 #DEBBB9 #E6CBC3 #EEDACC #F6E9D5 #FEF9DF

#CF9DA7 - #FEF9DF

HSV Blend

#CF9DA7 - #FEF9DF | 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 #CF9DA7 as 0% and #FEF9DF as 100%.

0.0%	0.0% #CF9DA7	RGB 207 157 167	#CF9DA7
16.7%	16.7% #D6A7A8	RGB 214 167 168	#D6A7A8
33.3%	33.3% #DEB8B1	RGB 222 184 177	#DEB8B1
50.0%	50.0% #E6C9BC	RGB 230 201 188	#E6C9BC
66.7%	66.7% #EEDAC7	RGB 238 218 199	#EEDAC7
83.3%	83.3% #F6EAD3	RGB 246 234 211	#F6EAD3
100.0%	100.0% #FEF9DF	RGB 254 249 223	#FEF9DF

#CF9DA7 #D6A7A8 #DEB8B1 #E6C9BC #EEDAC7 #F6EAD3 #FEF9DF

#CF9DA7 - #E6C9BC - #FEF9DF

CSS codes

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

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