#EDCCFF - #D3D9ED | 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 #EDCCFF to #D3D9ED

#EDCCFF #D3D9ED

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

#EDCCFF - #D3D9ED | 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 #EDCCFF as 0% and #D3D9ED as 100%.

0.0%	0.0% #EDCCFF	RGB 237 204 255	#EDCCFF
16.7%	16.7% #E8CEFC	RGB 232 206 252	#E8CEFC
33.3%	33.3% #E4D0F9	RGB 228 208 249	#E4D0F9
50.0%	50.0% #E0D2F6	RGB 224 210 246	#E0D2F6
66.7%	66.7% #DBD4F3	RGB 219 212 243	#DBD4F3
83.3%	83.3% #D7D6F0	RGB 215 214 240	#D7D6F0
100.0%	100.0% #D3D9ED	RGB 211 217 237	#D3D9ED

#EDCCFF #E8CEFC #E4D0F9 #E0D2F6 #DBD4F3 #D7D6F0 #D3D9ED

#EDCCFF - #D3D9ED

HSV Blend

#EDCCFF - #D3D9ED | 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 #EDCCFF as 0% and #D3D9ED as 100%.

0.0%	0.0% #EDCCFF	RGB 237 204 255	#EDCCFF
16.7%	16.7% #E4CDFC	RGB 228 205 252	#E4CDFC
33.3%	33.3% #DDCEF9	RGB 221 206 249	#DDCEF9
50.0%	50.0% #D7CFF6	RGB 215 207 246	#D7CFF6
66.7%	66.7% #D3D1F3	RGB 211 209 243	#D3D1F3
83.3%	83.3% #D2D4F0	RGB 210 212 240	#D2D4F0
100.0%	100.0% #D3D9ED	RGB 211 217 237	#D3D9ED

#EDCCFF #E4CDFC #DDCEF9 #D7CFF6 #D3D1F3 #D2D4F0 #D3D9ED

#EDCCFF - #D7CFF6 - #D3D9ED

CSS codes

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

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