#FF9CD7 - #CD409F | 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 #FF9CD7 to #CD409F

#FF9CD7 #CD409F

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

#FF9CD7 - #CD409F | 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 #FF9CD7 as 0% and #CD409F as 100%.

0.0%	0.0% #FF9CD7	RGB 255 156 215	#FF9CD7
16.7%	16.7% #F68CCD	RGB 246 140 205	#F68CCD
33.3%	33.3% #EE7DC4	RGB 238 125 196	#EE7DC4
50.0%	50.0% #E66EBB	RGB 230 110 187	#E66EBB
66.7%	66.7% #DD5EB1	RGB 221 94 177	#DD5EB1
83.3%	83.3% #D54FA8	RGB 213 79 168	#D54FA8
100.0%	100.0% #CD409F	RGB 205 64 159	#CD409F

#FF9CD7 #F68CCD #EE7DC4 #E66EBB #DD5EB1 #D54FA8 #CD409F

#FF9CD7 - #CD409F

HSV Blend

#FF9CD7 - #CD409F | 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 #FF9CD7 as 0% and #CD409F as 100%.

0.0%	0.0% #FF9CD7	RGB 255 156 215	#FF9CD7
16.7%	16.7% #F68ACC	RGB 246 138 204	#F68ACC
33.3%	33.3% #EE7AC2	RGB 238 122 194	#EE7AC2
50.0%	50.0% #E66AB8	RGB 230 106 184	#E66AB8
66.7%	66.7% #DD5BAF	RGB 221 91 175	#DD5BAF
83.3%	83.3% #D54DA7	RGB 213 77 167	#D54DA7
100.0%	100.0% #CD409F	RGB 205 64 159	#CD409F

#FF9CD7 #F68ACC #EE7AC2 #E66AB8 #DD5BAF #D54DA7 #CD409F

#FF9CD7 - #E66AB8 - #CD409F

CSS codes

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

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