#FFD6CF - #F5E0DF | 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 #FFD6CF to #F5E0DF

#FFD6CF #F5E0DF

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

#FFD6CF - #F5E0DF | 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 #FFD6CF as 0% and #F5E0DF as 100%.

0.0%	0.0% #FFD6CF	RGB 255 214 207	#FFD6CF
16.7%	16.7% #FDD7D1	RGB 253 215 209	#FDD7D1
33.3%	33.3% #FBD9D4	RGB 251 217 212	#FBD9D4
50.0%	50.0% #FADBD7	RGB 250 219 215	#FADBD7
66.7%	66.7% #F8DCD9	RGB 248 220 217	#F8DCD9
83.3%	83.3% #F6DEDC	RGB 246 222 220	#F6DEDC
100.0%	100.0% #F5E0DF	RGB 245 224 223	#F5E0DF

#FFD6CF #FDD7D1 #FBD9D4 #FADBD7 #F8DCD9 #F6DEDC #F5E0DF

#FFD6CF - #F5E0DF

HSV Blend

#FFD6CF - #F5E0DF | 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 #FFD6CF as 0% and #F5E0DF as 100%.

0.0%	0.0% #FFD6CF	RGB 255 214 207	#FFD6CF
16.7%	16.7% #FDD7D1	RGB 253 215 209	#FDD7D1
33.3%	33.3% #FBD8D4	RGB 251 216 212	#FBD8D4
50.0%	50.0% #FADAD7	RGB 250 218 215	#FADAD7
66.7%	66.7% #F8DCD9	RGB 248 220 217	#F8DCD9
83.3%	83.3% #F6DEDC	RGB 246 222 220	#F6DEDC
100.0%	100.0% #F5E0DF	RGB 245 224 223	#F5E0DF

#FFD6CF #FDD7D1 #FBD8D4 #FADAD7 #F8DCD9 #F6DEDC #F5E0DF

#FFD6CF - #FADAD7 - #F5E0DF

CSS codes

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

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