#EAD8F9 - #A07FC4 | 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 #EAD8F9 to #A07FC4

#EAD8F9 #A07FC4

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

#EAD8F9 - #A07FC4 | 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 #EAD8F9 as 0% and #A07FC4 as 100%.

0.0%	0.0% #EAD8F9	RGB 234 216 249	#EAD8F9
16.7%	16.7% #DDC9F0	RGB 221 201 240	#DDC9F0
33.3%	33.3% #D1BAE7	RGB 209 186 231	#D1BAE7
50.0%	50.0% #C5ABDE	RGB 197 171 222	#C5ABDE
66.7%	66.7% #B89CD5	RGB 184 156 213	#B89CD5
83.3%	83.3% #AC8DCC	RGB 172 141 204	#AC8DCC
100.0%	100.0% #A07FC4	RGB 160 127 196	#A07FC4

#EAD8F9 #DDC9F0 #D1BAE7 #C5ABDE #B89CD5 #AC8DCC #A07FC4

#EAD8F9 - #A07FC4

HSV Blend

#EAD8F9 - #A07FC4 | 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 #EAD8F9 as 0% and #A07FC4 as 100%.

0.0%	0.0% #EAD8F9	RGB 234 216 249	#EAD8F9
16.7%	16.7% #DDC7F0	RGB 221 199 240	#DDC7F0
33.3%	33.3% #D0B7E7	RGB 208 183 231	#D0B7E7
50.0%	50.0% #C4A8DE	RGB 196 168 222	#C4A8DE
66.7%	66.7% #B79AD5	RGB 183 154 213	#B79AD5
83.3%	83.3% #AB8CCC	RGB 171 140 204	#AB8CCC
100.0%	100.0% #A07FC4	RGB 160 127 196	#A07FC4

#EAD8F9 #DDC7F0 #D0B7E7 #C4A8DE #B79AD5 #AB8CCC #A07FC4

#EAD8F9 - #C4A8DE - #A07FC4

CSS codes

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

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