#EDCFFF - #FDECF9 | 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 #EDCFFF to #FDECF9

#EDCFFF #FDECF9

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

#EDCFFF - #FDECF9 | 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 #EDCFFF as 0% and #FDECF9 as 100%.

0.0%	0.0% #EDCFFF	RGB 237 207 255	#EDCFFF
16.7%	16.7% #EFD3FE	RGB 239 211 254	#EFD3FE
33.3%	33.3% #F2D8FD	RGB 242 216 253	#F2D8FD
50.0%	50.0% #F5DDFC	RGB 245 221 252	#F5DDFC
66.7%	66.7% #F7E2FB	RGB 247 226 251	#F7E2FB
83.3%	83.3% #FAE7FA	RGB 250 231 250	#FAE7FA
100.0%	100.0% #FDECF9	RGB 253 236 249	#FDECF9

#EDCFFF #EFD3FE #F2D8FD #F5DDFC #F7E2FB #FAE7FA #FDECF9

#EDCFFF - #FDECF9

HSV Blend

#EDCFFF - #FDECF9 | 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 #EDCFFF as 0% and #FDECF9 as 100%.

0.0%	0.0% #EDCFFF	RGB 237 207 255	#EDCFFF
16.7%	16.7% #F2D3FE	RGB 242 211 254	#F2D3FE
33.3%	33.3% #F7D8FE	RGB 247 216 254	#F7D8FE
50.0%	50.0% #FBDDFE	RGB 251 221 254	#FBDDFE
66.7%	66.7% #FDE2FC	RGB 253 226 252	#FDE2FC
83.3%	83.3% #FDE7FA	RGB 253 231 250	#FDE7FA
100.0%	100.0% #FDECF9	RGB 253 236 249	#FDECF9

#EDCFFF #F2D3FE #F7D8FE #FBDDFE #FDE2FC #FDE7FA #FDECF9

#EDCFFF - #FBDDFE - #FDECF9

CSS codes

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

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