#FDDBFB - #DE6DDB | 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 #FDDBFB to #DE6DDB

#FDDBFB #DE6DDB

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

#FDDBFB - #DE6DDB | 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 #FDDBFB as 0% and #DE6DDB as 100%.

0.0%	0.0% #FDDBFB	RGB 253 219 251	#FDDBFB
16.7%	16.7% #F7C8F5	RGB 247 200 245	#F7C8F5
33.3%	33.3% #F2B6F0	RGB 242 182 240	#F2B6F0
50.0%	50.0% #EDA4EB	RGB 237 164 235	#EDA4EB
66.7%	66.7% #E891E5	RGB 232 145 229	#E891E5
83.3%	83.3% #E37FE0	RGB 227 127 224	#E37FE0
100.0%	100.0% #DE6DDB	RGB 222 109 219	#DE6DDB

#FDDBFB #F7C8F5 #F2B6F0 #EDA4EB #E891E5 #E37FE0 #DE6DDB

#FDDBFB - #DE6DDB

HSV Blend

#FDDBFB - #DE6DDB | 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 #FDDBFB as 0% and #DE6DDB as 100%.

0.0%	0.0% #FDDBFB	RGB 253 219 251	#FDDBFB
16.7%	16.7% #F7C7F5	RGB 247 199 245	#F7C7F5
33.3%	33.3% #F2B3EF	RGB 242 179 239	#F2B3EF
50.0%	50.0% #EDA1EA	RGB 237 161 234	#EDA1EA
66.7%	66.7% #E88FE5	RGB 232 143 229	#E88FE5
83.3%	83.3% #E37DDF	RGB 227 125 223	#E37DDF
100.0%	100.0% #DE6DDB	RGB 222 109 219	#DE6DDB

#FDDBFB #F7C7F5 #F2B3EF #EDA1EA #E88FE5 #E37DDF #DE6DDB

#FDDBFB - #EDA1EA - #DE6DDB

CSS codes

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

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