#D69FD3 - #FFEDD0 | 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 #D69FD3 to #FFEDD0

#D69FD3 #FFEDD0

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

#D69FD3 - #FFEDD0 | 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 #D69FD3 as 0% and #FFEDD0 as 100%.

0.0%	0.0% #D69FD3	RGB 214 159 211	#D69FD3
16.7%	16.7% #DCACD2	RGB 220 172 210	#DCACD2
33.3%	33.3% #E3B9D2	RGB 227 185 210	#E3B9D2
50.0%	50.0% #EAC6D1	RGB 234 198 209	#EAC6D1
66.7%	66.7% #F1D3D1	RGB 241 211 209	#F1D3D1
83.3%	83.3% #F8E0D0	RGB 248 224 208	#F8E0D0
100.0%	100.0% #FFEDD0	RGB 255 237 208	#FFEDD0

#D69FD3 #DCACD2 #E3B9D2 #EAC6D1 #F1D3D1 #F8E0D0 #FFEDD0

#D69FD3 - #FFEDD0

HSV Blend

#D69FD3 - #FFEDD0 | 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 #D69FD3 as 0% and #FFEDD0 as 100%.

0.0%	0.0% #D69FD3	RGB 214 159 211	#D69FD3
16.7%	16.7% #DCA6CB	RGB 220 166 203	#DCA6CB
33.3%	33.3% #E3AEC5	RGB 227 174 197	#E3AEC5
50.0%	50.0% #EAB6BF	RGB 234 182 191	#EAB6BF
66.7%	66.7% #F1C3BF	RGB 241 195 191	#F1C3BF
83.3%	83.3% #F8D8C7	RGB 248 216 199	#F8D8C7
100.0%	100.0% #FFEDD0	RGB 255 237 208	#FFEDD0

#D69FD3 #DCA6CB #E3AEC5 #EAB6BF #F1C3BF #F8D8C7 #FFEDD0

#D69FD3 - #EAB6BF - #FFEDD0

CSS codes

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

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