#FF9CDD - #CD40A8 | 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 #FF9CDD to #CD40A8

#FF9CDD #CD40A8

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

#FF9CDD - #CD40A8 | 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 #FF9CDD as 0% and #CD40A8 as 100%.

0.0%	0.0% #FF9CDD	RGB 255 156 221	#FF9CDD
16.7%	16.7% #F68CD4	RGB 246 140 212	#F68CD4
33.3%	33.3% #EE7DCB	RGB 238 125 203	#EE7DCB
50.0%	50.0% #E66EC2	RGB 230 110 194	#E66EC2
66.7%	66.7% #DD5EB9	RGB 221 94 185	#DD5EB9
83.3%	83.3% #D54FB0	RGB 213 79 176	#D54FB0
100.0%	100.0% #CD40A8	RGB 205 64 168	#CD40A8

#FF9CDD #F68CD4 #EE7DCB #E66EC2 #DD5EB9 #D54FB0 #CD40A8

#FF9CDD - #CD40A8

HSV Blend

#FF9CDD - #CD40A8 | 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 #FF9CDD as 0% and #CD40A8 as 100%.

0.0%	0.0% #FF9CDD	RGB 255 156 221	#FF9CDD
16.7%	16.7% #F68AD3	RGB 246 138 211	#F68AD3
33.3%	33.3% #EE7AC9	RGB 238 122 201	#EE7AC9
50.0%	50.0% #E66AC0	RGB 230 106 192	#E66AC0
66.7%	66.7% #DD5BB7	RGB 221 91 183	#DD5BB7
83.3%	83.3% #D54DAF	RGB 213 77 175	#D54DAF
100.0%	100.0% #CD40A8	RGB 205 64 168	#CD40A8

#FF9CDD #F68AD3 #EE7AC9 #E66AC0 #DD5BB7 #D54DAF #CD40A8

#FF9CDD - #E66AC0 - #CD40A8

CSS codes

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

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