#DDBAFF - #FFEEED | 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 #DDBAFF to #FFEEED

#DDBAFF #FFEEED

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

#DDBAFF - #FFEEED | 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 #DDBAFF as 0% and #FFEEED as 100%.

0.0%	0.0% #DDBAFF	RGB 221 186 255	#DDBAFF
16.7%	16.7% #E2C2FC	RGB 226 194 252	#E2C2FC
33.3%	33.3% #E8CBF9	RGB 232 203 249	#E8CBF9
50.0%	50.0% #EED4F6	RGB 238 212 246	#EED4F6
66.7%	66.7% #F3DCF3	RGB 243 220 243	#F3DCF3
83.3%	83.3% #F9E5F0	RGB 249 229 240	#F9E5F0
100.0%	100.0% #FFEEED	RGB 255 238 237	#FFEEED

#DDBAFF #E2C2FC #E8CBF9 #EED4F6 #F3DCF3 #F9E5F0 #FFEEED

#DDBAFF - #FFEEED

HSV Blend

#DDBAFF - #FFEEED | 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 #DDBAFF as 0% and #FFEEED as 100%.

0.0%	0.0% #DDBAFF	RGB 221 186 255	#DDBAFF
16.7%	16.7% #F0C2FF	RGB 240 194 255	#F0C2FF
33.3%	33.3% #FFCBFD	RGB 255 203 253	#FFCBFD
50.0%	50.0% #FFD3F2	RGB 255 211 242	#FFD3F2
66.7%	66.7% #FFDCEC	RGB 255 220 236	#FFDCEC
83.3%	83.3% #FFE4E9	RGB 255 228 233	#FFE4E9
100.0%	100.0% #FFEEED	RGB 255 238 237	#FFEEED

#DDBAFF #F0C2FF #FFCBFD #FFD3F2 #FFDCEC #FFE4E9 #FFEEED

#DDBAFF - #FFD3F2 - #FFEEED

CSS codes

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

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