#E1D9F2 - #FBF0FD | 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 #E1D9F2 to #FBF0FD

#E1D9F2 #FBF0FD

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

#E1D9F2 - #FBF0FD | 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 #E1D9F2 as 0% and #FBF0FD as 100%.

0.0%	0.0% #E1D9F2	RGB 225 217 242	#E1D9F2
16.7%	16.7% #E5DCF3	RGB 229 220 243	#E5DCF3
33.3%	33.3% #E9E0F5	RGB 233 224 245	#E9E0F5
50.0%	50.0% #EEE4F7	RGB 238 228 247	#EEE4F7
66.7%	66.7% #F2E8F9	RGB 242 232 249	#F2E8F9
83.3%	83.3% #F6ECFB	RGB 246 236 251	#F6ECFB
100.0%	100.0% #FBF0FD	RGB 251 240 253	#FBF0FD

#E1D9F2 #E5DCF3 #E9E0F5 #EEE4F7 #F2E8F9 #F6ECFB #FBF0FD

#E1D9F2 - #FBF0FD

HSV Blend

#E1D9F2 - #FBF0FD | 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 #E1D9F2 as 0% and #FBF0FD as 100%.

0.0%	0.0% #E1D9F2	RGB 225 217 242	#E1D9F2
16.7%	16.7% #E6DCF3	RGB 230 220 243	#E6DCF3
33.3%	33.3% #EBE0F5	RGB 235 224 245	#EBE0F5
50.0%	50.0% #EFE4F7	RGB 239 228 247	#EFE4F7
66.7%	66.7% #F3E8F9	RGB 243 232 249	#F3E8F9
83.3%	83.3% #F7ECFB	RGB 247 236 251	#F7ECFB
100.0%	100.0% #FBF0FD	RGB 251 240 253	#FBF0FD

#E1D9F2 #E6DCF3 #EBE0F5 #EFE4F7 #F3E8F9 #F7ECFB #FBF0FD

#E1D9F2 - #EFE4F7 - #FBF0FD

CSS codes

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

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