#FFE9F1 - #CD959A | 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 #FFE9F1 to #CD959A

#FFE9F1 #CD959A

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

#FFE9F1 - #CD959A | 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 #FFE9F1 as 0% and #CD959A as 100%.

0.0%	0.0% #FFE9F1	RGB 255 233 241	#FFE9F1
16.7%	16.7% #F6DBE2	RGB 246 219 226	#F6DBE2
33.3%	33.3% #EECDD4	RGB 238 205 212	#EECDD4
50.0%	50.0% #E6BFC5	RGB 230 191 197	#E6BFC5
66.7%	66.7% #DDB1B7	RGB 221 177 183	#DDB1B7
83.3%	83.3% #D5A3A8	RGB 213 163 168	#D5A3A8
100.0%	100.0% #CD959A	RGB 205 149 154	#CD959A

#FFE9F1 #F6DBE2 #EECDD4 #E6BFC5 #DDB1B7 #D5A3A8 #CD959A

#FFE9F1 - #CD959A

HSV Blend

#FFE9F1 - #CD959A | 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 #FFE9F1 as 0% and #CD959A as 100%.

0.0%	0.0% #FFE9F1	RGB 255 233 241	#FFE9F1
16.7%	16.7% #F6D9E2	RGB 246 217 226	#F6D9E2
33.3%	33.3% #EECAD4	RGB 238 202 212	#EECAD4
50.0%	50.0% #E6BCC6	RGB 230 188 198	#E6BCC6
66.7%	66.7% #DDAEB7	RGB 221 174 183	#DDAEB7
83.3%	83.3% #D5A1A8	RGB 213 161 168	#D5A1A8
100.0%	100.0% #CD959A	RGB 205 149 154	#CD959A

#FFE9F1 #F6D9E2 #EECAD4 #E6BCC6 #DDAEB7 #D5A1A8 #CD959A

#FFE9F1 - #E6BCC6 - #CD959A

CSS codes

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

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