#E4D9F1 - #9B82B8 | 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 #E4D9F1 to #9B82B8

#E4D9F1 #9B82B8

Calculate the color between two colors, #E4D9F1 and #9B82B8. 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)

#E4D9F1 - #9B82B8 | 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 #E4D9F1 as 0% and #9B82B8 as 100%.

0.0%	0.0% #E4D9F1	RGB 228 217 241	#E4D9F1
16.7%	16.7% #D7CAE7	RGB 215 202 231	#D7CAE7
33.3%	33.3% #CBBCDE	RGB 203 188 222	#CBBCDE
50.0%	50.0% #BFADD4	RGB 191 173 212	#BFADD4
66.7%	66.7% #B39FCB	RGB 179 159 203	#B39FCB
83.3%	83.3% #A790C1	RGB 167 144 193	#A790C1
100.0%	100.0% #9B82B8	RGB 155 130 184	#9B82B8

#E4D9F1 #D7CAE7 #CBBCDE #BFADD4 #B39FCB #A790C1 #9B82B8

#E4D9F1 - #9B82B8

HSV Blend

#E4D9F1 - #9B82B8 | 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 #E4D9F1 as 0% and #9B82B8 as 100%.

0.0%	0.0% #E4D9F1	RGB 228 217 241	#E4D9F1
16.7%	16.7% #D6C8E7	RGB 214 200 231	#D6C8E7
33.3%	33.3% #CAB9DE	RGB 202 185 222	#CAB9DE
50.0%	50.0% #BDAAD4	RGB 189 170 212	#BDAAD4
66.7%	66.7% #B19CCB	RGB 177 156 203	#B19CCB
83.3%	83.3% #A68EC1	RGB 166 142 193	#A68EC1
100.0%	100.0% #9B82B8	RGB 155 130 184	#9B82B8

#E4D9F1 #D6C8E7 #CAB9DE #BDAAD4 #B19CCB #A68EC1 #9B82B8

#E4D9F1 - #BDAAD4 - #9B82B8

CSS codes

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

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