#DD2B9E - #FF9FC4 | 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 #DD2B9E to #FF9FC4

#DD2B9E #FF9FC4

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

#DD2B9E - #FF9FC4 | 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 #DD2B9E as 0% and #FF9FC4 as 100%.

0.0%	0.0% #DD2B9E	RGB 221 43 158	#DD2B9E
16.7%	16.7% #E23EA4	RGB 226 62 164	#E23EA4
33.3%	33.3% #E851AA	RGB 232 81 170	#E851AA
50.0%	50.0% #EE65B1	RGB 238 101 177	#EE65B1
66.7%	66.7% #F378B7	RGB 243 120 183	#F378B7
83.3%	83.3% #F98BBD	RGB 249 139 189	#F98BBD
100.0%	100.0% #FF9FC4	RGB 255 159 196	#FF9FC4

#DD2B9E #E23EA4 #E851AA #EE65B1 #F378B7 #F98BBD #FF9FC4

#DD2B9E - #FF9FC4

HSV Blend

#DD2B9E - #FF9FC4 | 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 #DD2B9E as 0% and #FF9FC4 as 100%.

0.0%	0.0% #DD2B9D	RGB 221 43 157	#DD2B9D
16.7%	16.7% #E23CA0	RGB 226 60 160	#E23CA0
33.3%	33.3% #E84EA4	RGB 232 78 164	#E84EA4
50.0%	50.0% #EE61A9	RGB 238 97 169	#EE61A9
66.7%	66.7% #F375B0	RGB 243 117 176	#F375B0
83.3%	83.3% #F989B9	RGB 249 137 185	#F989B9
100.0%	100.0% #FF9FC4	RGB 255 159 196	#FF9FC4

#DD2B9D #E23CA0 #E84EA4 #EE61A9 #F375B0 #F989B9 #FF9FC4

#DD2B9E - #EE61A9 - #FF9FC4

CSS codes

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

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