#DB6FD3 - #FBD2DF | 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 #DB6FD3 to #FBD2DF

#DB6FD3 #FBD2DF

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

#DB6FD3 - #FBD2DF | 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 #DB6FD3 as 0% and #FBD2DF as 100%.

0.0%	0.0% #DB6FD3	RGB 219 111 211	#DB6FD3
16.7%	16.7% #E07FD5	RGB 224 127 213	#E07FD5
33.3%	33.3% #E590D7	RGB 229 144 215	#E590D7
50.0%	50.0% #EBA0D9	RGB 235 160 217	#EBA0D9
66.7%	66.7% #F0B1DB	RGB 240 177 219	#F0B1DB
83.3%	83.3% #F5C1DD	RGB 245 193 221	#F5C1DD
100.0%	100.0% #FBD2DF	RGB 251 210 223	#FBD2DF

#DB6FD3 #E07FD5 #E590D7 #EBA0D9 #F0B1DB #F5C1DD #FBD2DF

#DB6FD3 - #FBD2DF

HSV Blend

#DB6FD3 - #FBD2DF | 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 #DB6FD3 as 0% and #FBD2DF as 100%.

0.0%	0.0% #DB6FD3	RGB 219 111 211	#DB6FD3
16.7%	16.7% #E07ECF	RGB 224 126 207	#E07ECF
33.3%	33.3% #E58DCD	RGB 229 141 205	#E58DCD
50.0%	50.0% #EB9DCD	RGB 235 157 205	#EB9DCD
66.7%	66.7% #F0AED0	RGB 240 174 208	#F0AED0
83.3%	83.3% #F5C0D6	RGB 245 192 214	#F5C0D6
100.0%	100.0% #FBD2DF	RGB 251 210 223	#FBD2DF

#DB6FD3 #E07ECF #E58DCD #EB9DCD #F0AED0 #F5C0D6 #FBD2DF

#DB6FD3 - #EB9DCD - #FBD2DF

CSS codes

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

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