#DCD7FF - #FFF8F7 | 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 #DCD7FF to #FFF8F7

#DCD7FF #FFF8F7

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

#DCD7FF - #FFF8F7 | 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 #DCD7FF as 0% and #FFF8F7 as 100%.

0.0%	0.0% #DCD7FF	RGB 220 215 255	#DCD7FF
16.7%	16.7% #E1DCFD	RGB 225 220 253	#E1DCFD
33.3%	33.3% #E7E2FC	RGB 231 226 252	#E7E2FC
50.0%	50.0% #EDE7FB	RGB 237 231 251	#EDE7FB
66.7%	66.7% #F3EDF9	RGB 243 237 249	#F3EDF9
83.3%	83.3% #F9F2F8	RGB 249 242 248	#F9F2F8
100.0%	100.0% #FFF8F7	RGB 255 248 247	#FFF8F7

#DCD7FF #E1DCFD #E7E2FC #EDE7FB #F3EDF9 #F9F2F8 #FFF8F7

#DCD7FF - #FFF8F7

HSV Blend

#DCD7FF - #FFF8F7 | 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 #DCD7FF as 0% and #FFF8F7 as 100%.

0.0%	0.0% #DCD7FF	RGB 220 215 255	#DCD7FF
16.7%	16.7% #ECDCFF	RGB 236 220 255	#ECDCFF
33.3%	33.3% #F8E1FF	RGB 248 225 255	#F8E1FF
50.0%	50.0% #FFE7FC	RGB 255 231 252	#FFE7FC
66.7%	66.7% #FFECF6	RGB 255 236 246	#FFECF6
83.3%	83.3% #FFF1F4	RGB 255 241 244	#FFF1F4
100.0%	100.0% #FFF8F7	RGB 255 248 247	#FFF8F7

#DCD7FF #ECDCFF #F8E1FF #FFE7FC #FFECF6 #FFF1F4 #FFF8F7

#DCD7FF - #FFE7FC - #FFF8F7

CSS codes

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

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