#DD7FD3 - #FBD5DA | 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 #DD7FD3 to #FBD5DA

#DD7FD3 #FBD5DA

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

#DD7FD3 - #FBD5DA | 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 #DD7FD3 as 0% and #FBD5DA as 100%.

0.0%	0.0% #DD7FD3	RGB 221 127 211	#DD7FD3
16.7%	16.7% #E28DD4	RGB 226 141 212	#E28DD4
33.3%	33.3% #E79BD5	RGB 231 155 213	#E79BD5
50.0%	50.0% #ECAAD6	RGB 236 170 214	#ECAAD6
66.7%	66.7% #F1B8D7	RGB 241 184 215	#F1B8D7
83.3%	83.3% #F6C6D8	RGB 246 198 216	#F6C6D8
100.0%	100.0% #FBD5DA	RGB 251 213 218	#FBD5DA

#DD7FD3 #E28DD4 #E79BD5 #ECAAD6 #F1B8D7 #F6C6D8 #FBD5DA

#DD7FD3 - #FBD5DA

HSV Blend

#DD7FD3 - #FBD5DA | 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 #DD7FD3 as 0% and #FBD5DA as 100%.

0.0%	0.0% #DD7FD3	RGB 221 127 211	#DD7FD3
16.7%	16.7% #E28CCD	RGB 226 140 205	#E28CCD
33.3%	33.3% #E799CB	RGB 231 153 203	#E799CB
50.0%	50.0% #ECA7CA	RGB 236 167 202	#ECA7CA
66.7%	66.7% #F1B6CD	RGB 241 182 205	#F1B6CD
83.3%	83.3% #F6C5D2	RGB 246 197 210	#F6C5D2
100.0%	100.0% #FBD5DA	RGB 251 213 218	#FBD5DA

#DD7FD3 #E28CCD #E799CB #ECA7CA #F1B6CD #F6C5D2 #FBD5DA

#DD7FD3 - #ECA7CA - #FBD5DA

CSS codes

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

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