#DB9FD4 - #FAEDEF | 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 #DB9FD4 to #FAEDEF

#DB9FD4 #FAEDEF

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

#DB9FD4 - #FAEDEF | 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 #DB9FD4 as 0% and #FAEDEF as 100%.

0.0%	0.0% #DB9FD4	RGB 219 159 212	#DB9FD4
16.7%	16.7% #E0ACD8	RGB 224 172 216	#E0ACD8
33.3%	33.3% #E5B9DD	RGB 229 185 221	#E5B9DD
50.0%	50.0% #EAC6E1	RGB 234 198 225	#EAC6E1
66.7%	66.7% #EFD3E6	RGB 239 211 230	#EFD3E6
83.3%	83.3% #F4E0EA	RGB 244 224 234	#F4E0EA
100.0%	100.0% #FAEDEF	RGB 250 237 239	#FAEDEF

#DB9FD4 #E0ACD8 #E5B9DD #EAC6E1 #EFD3E6 #F4E0EA #FAEDEF

#DB9FD4 - #FAEDEF

HSV Blend

#DB9FD4 - #FAEDEF | 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 #DB9FD4 as 0% and #FAEDEF as 100%.

0.0%	0.0% #DB9FD4	RGB 219 159 212	#DB9FD4
16.7%	16.7% #E0ABD3	RGB 224 171 211	#E0ABD3
33.3%	33.3% #E5B7D4	RGB 229 183 212	#E5B7D4
50.0%	50.0% #EAC4D8	RGB 234 196 216	#EAC4D8
66.7%	66.7% #EFD1DD	RGB 239 209 221	#EFD1DD
83.3%	83.3% #F4DFE5	RGB 244 223 229	#F4DFE5
100.0%	100.0% #FAEDEF	RGB 250 237 239	#FAEDEF

#DB9FD4 #E0ABD3 #E5B7D4 #EAC4D8 #EFD1DD #F4DFE5 #FAEDEF

#DB9FD4 - #EAC4D8 - #FAEDEF

CSS codes

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

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