#DD5FC3 - #F5D1ED | 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 #DD5FC3 to #F5D1ED

#DD5FC3 #F5D1ED

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

#DD5FC3 - #F5D1ED | 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 #DD5FC3 as 0% and #F5D1ED as 100%.

0.0%	0.0% #DD5FC3	RGB 221 95 195	#DD5FC3
16.7%	16.7% #E172CA	RGB 225 114 202	#E172CA
33.3%	33.3% #E585D1	RGB 229 133 209	#E585D1
50.0%	50.0% #E998D8	RGB 233 152 216	#E998D8
66.7%	66.7% #EDABDF	RGB 237 171 223	#EDABDF
83.3%	83.3% #F1BEE6	RGB 241 190 230	#F1BEE6
100.0%	100.0% #F5D1ED	RGB 245 209 237	#F5D1ED

#DD5FC3 #E172CA #E585D1 #E998D8 #EDABDF #F1BEE6 #F5D1ED

#DD5FC3 - #F5D1ED

HSV Blend

#DD5FC3 - #F5D1ED | 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 #DD5FC3 as 0% and #F5D1ED as 100%.

0.0%	0.0% #DD5FC3	RGB 221 95 195	#DD5FC3
16.7%	16.7% #E170C9	RGB 225 112 201	#E170C9
33.3%	33.3% #E582D0	RGB 229 130 208	#E582D0
50.0%	50.0% #E995D7	RGB 233 149 215	#E995D7
66.7%	66.7% #EDA8DE	RGB 237 168 222	#EDA8DE
83.3%	83.3% #F1BCE5	RGB 241 188 229	#F1BCE5
100.0%	100.0% #F5D1ED	RGB 245 209 237	#F5D1ED

#DD5FC3 #E170C9 #E582D0 #E995D7 #EDA8DE #F1BCE5 #F5D1ED

#DD5FC3 - #E995D7 - #F5D1ED

CSS codes

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

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