#DD7CDD - #F5D9F5 | 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 #DD7CDD to #F5D9F5

#DD7CDD #F5D9F5

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

#DD7CDD - #F5D9F5 | 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 #DD7CDD as 0% and #F5D9F5 as 100%.

0.0%	0.0% #DD7CDD	RGB 221 124 221	#DD7CDD
16.7%	16.7% #E18BE1	RGB 225 139 225	#E18BE1
33.3%	33.3% #E59BE5	RGB 229 155 229	#E59BE5
50.0%	50.0% #E9AAE9	RGB 233 170 233	#E9AAE9
66.7%	66.7% #EDBAED	RGB 237 186 237	#EDBAED
83.3%	83.3% #F1C9F1	RGB 241 201 241	#F1C9F1
100.0%	100.0% #F5D9F5	RGB 245 217 245	#F5D9F5

#DD7CDD #E18BE1 #E59BE5 #E9AAE9 #EDBAED #F1C9F1 #F5D9F5

#DD7CDD - #F5D9F5

HSV Blend

#DD7CDD - #F5D9F5 | 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 #DD7CDD as 0% and #F5D9F5 as 100%.

0.0%	0.0% #DD7CDD	RGB 221 124 221	#DD7CDD
16.7%	16.7% #E18AE1	RGB 225 138 225	#E18AE1
33.3%	33.3% #E599E5	RGB 229 153 229	#E599E5
50.0%	50.0% #E9A8E9	RGB 233 168 233	#E9A8E9
66.7%	66.7% #EDB8ED	RGB 237 184 237	#EDB8ED
83.3%	83.3% #F1C8F1	RGB 241 200 241	#F1C8F1
100.0%	100.0% #F5D9F5	RGB 245 217 245	#F5D9F5

#DD7CDD #E18AE1 #E599E5 #E9A8E9 #EDB8ED #F1C8F1 #F5D9F5

#DD7CDD - #E9A8E9 - #F5D9F5

CSS codes

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

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