#FF7DDD - #FFD9F5 | 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 #FF7DDD to #FFD9F5

#FF7DDD #FFD9F5

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

#FF7DDD - #FFD9F5 | 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 #FF7DDD as 0% and #FFD9F5 as 100%.

0.0%	0.0% #FF7DDD	RGB 255 125 221	#FF7DDD
16.7%	16.7% #FF8CE1	RGB 255 140 225	#FF8CE1
33.3%	33.3% #FF9BE5	RGB 255 155 229	#FF9BE5
50.0%	50.0% #FFABE9	RGB 255 171 233	#FFABE9
66.7%	66.7% #FFBAED	RGB 255 186 237	#FFBAED
83.3%	83.3% #FFC9F1	RGB 255 201 241	#FFC9F1
100.0%	100.0% #FFD9F5	RGB 255 217 245	#FFD9F5

#FF7DDD #FF8CE1 #FF9BE5 #FFABE9 #FFBAED #FFC9F1 #FFD9F5

#FF7DDD - #FFD9F5

HSV Blend

#FF7DDD - #FFD9F5 | 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 #FF7DDD as 0% and #FFD9F5 as 100%.

0.0%	0.0% #FF7DDD	RGB 255 125 221	#FF7DDD
16.7%	16.7% #FF8CE0	RGB 255 140 224	#FF8CE0
33.3%	33.3% #FF9BE4	RGB 255 155 228	#FF9BE4
50.0%	50.0% #FFABE8	RGB 255 171 232	#FFABE8
66.7%	66.7% #FFBAEC	RGB 255 186 236	#FFBAEC
83.3%	83.3% #FFC9F0	RGB 255 201 240	#FFC9F0
100.0%	100.0% #FFD9F5	RGB 255 217 245	#FFD9F5

#FF7DDD #FF8CE0 #FF9BE4 #FFABE8 #FFBAEC #FFC9F0 #FFD9F5

#FF7DDD - #FFABE8 - #FFD9F5

CSS codes

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

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