#E4D9F7 - #9C80C1 | 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 #E4D9F7 to #9C80C1

#E4D9F7 #9C80C1

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

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

0.0%	0.0% #E4D9F7	RGB 228 217 247	#E4D9F7
16.7%	16.7% #D8CAEE	RGB 216 202 238	#D8CAEE
33.3%	33.3% #CCBBE5	RGB 204 187 229	#CCBBE5
50.0%	50.0% #C0ACDC	RGB 192 172 220	#C0ACDC
66.7%	66.7% #B49DD3	RGB 180 157 211	#B49DD3
83.3%	83.3% #A88ECA	RGB 168 142 202	#A88ECA
100.0%	100.0% #9C80C1	RGB 156 128 193	#9C80C1

#E4D9F7 #D8CAEE #CCBBE5 #C0ACDC #B49DD3 #A88ECA #9C80C1

#E4D9F7 - #9C80C1

HSV Blend

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

0.0%	0.0% #E4D9F7	RGB 228 217 247	#E4D9F7
16.7%	16.7% #D6C8EE	RGB 214 200 238	#D6C8EE
33.3%	33.3% #C9B8E5	RGB 201 184 229	#C9B8E5
50.0%	50.0% #BDA9DC	RGB 189 169 220	#BDA9DC
66.7%	66.7% #B19BD3	RGB 177 155 211	#B19BD3
83.3%	83.3% #A68DCA	RGB 166 141 202	#A68DCA
100.0%	100.0% #9C80C1	RGB 156 128 193	#9C80C1

#E4D9F7 #D6C8EE #C9B8E5 #BDA9DC #B19BD3 #A68DCA #9C80C1

#E4D9F7 - #BDA9DC - #9C80C1

CSS codes

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

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