#F9C9F7 - #DC5CBD | 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 #F9C9F7 to #DC5CBD

#F9C9F7 #DC5CBD

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

#F9C9F7 - #DC5CBD | 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 #F9C9F7 as 0% and #DC5CBD as 100%.

0.0%	0.0% #F9C9F7	RGB 249 201 247	#F9C9F7
16.7%	16.7% #F4B6ED	RGB 244 182 237	#F4B6ED
33.3%	33.3% #EFA4E3	RGB 239 164 227	#EFA4E3
50.0%	50.0% #EA92DA	RGB 234 146 218	#EA92DA
66.7%	66.7% #E580D0	RGB 229 128 208	#E580D0
83.3%	83.3% #E06EC6	RGB 224 110 198	#E06EC6
100.0%	100.0% #DC5CBD	RGB 220 92 189	#DC5CBD

#F9C9F7 #F4B6ED #EFA4E3 #EA92DA #E580D0 #E06EC6 #DC5CBD

#F9C9F7 - #DC5CBD

HSV Blend

#F9C9F7 - #DC5CBD | 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 #F9C9F7 as 0% and #DC5CBD as 100%.

0.0%	0.0% #F9C9F7	RGB 249 201 247	#F9C9F7
16.7%	16.7% #F4B5EF	RGB 244 181 239	#F4B5EF
33.3%	33.3% #EFA2E6	RGB 239 162 230	#EFA2E6
50.0%	50.0% #EA8FDD	RGB 234 143 221	#EA8FDD
66.7%	66.7% #E57DD3	RGB 229 125 211	#E57DD3
83.3%	83.3% #E06CC8	RGB 224 108 200	#E06CC8
100.0%	100.0% #DC5CBD	RGB 220 92 189	#DC5CBD

#F9C9F7 #F4B5EF #EFA2E6 #EA8FDD #E57DD3 #E06CC8 #DC5CBD

#F9C9F7 - #EA8FDD - #DC5CBD

CSS codes

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

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