#FFD0FD - #DCD6ED | 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 #FFD0FD to #DCD6ED

#FFD0FD #DCD6ED

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

#FFD0FD - #DCD6ED | 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 #FFD0FD as 0% and #DCD6ED as 100%.

0.0%	0.0% #FFD0FD	RGB 255 208 253	#FFD0FD
16.7%	16.7% #F9D1FA	RGB 249 209 250	#F9D1FA
33.3%	33.3% #F3D2F7	RGB 243 210 247	#F3D2F7
50.0%	50.0% #EDD3F5	RGB 237 211 245	#EDD3F5
66.7%	66.7% #E7D4F2	RGB 231 212 242	#E7D4F2
83.3%	83.3% #E1D5EF	RGB 225 213 239	#E1D5EF
100.0%	100.0% #DCD6ED	RGB 220 214 237	#DCD6ED

#FFD0FD #F9D1FA #F3D2F7 #EDD3F5 #E7D4F2 #E1D5EF #DCD6ED

#FFD0FD - #DCD6ED

HSV Blend

#FFD0FD - #DCD6ED | 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 #FFD0FD as 0% and #DCD6ED as 100%.

0.0%	0.0% #FFD0FD	RGB 255 208 253	#FFD0FD
16.7%	16.7% #F8D1FC	RGB 248 209 252	#F8D1FC
33.3%	33.3% #F0D2F9	RGB 240 210 249	#F0D2F9
50.0%	50.0% #E9D3F6	RGB 233 211 246	#E9D3F6
66.7%	66.7% #E4D4F3	RGB 228 212 243	#E4D4F3
83.3%	83.3% #DFD5F0	RGB 223 213 240	#DFD5F0
100.0%	100.0% #DCD6ED	RGB 220 214 237	#DCD6ED

#FFD0FD #F8D1FC #F0D2F9 #E9D3F6 #E4D4F3 #DFD5F0 #DCD6ED

#FFD0FD - #E9D3F6 - #DCD6ED

CSS codes

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

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