#714C91 - #E999A1 | 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 #714C91 to #E999A1

#714C91 #E999A1

Calculate the color between two colors, #714C91 and #E999A1. 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)

#714C91 - #E999A1 | 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 #714C91 as 0% and #E999A1 as 100%.

0.0%	0.0% #714C91	RGB 113 76 145	#714C91
16.7%	16.7% #855893	RGB 133 88 147	#855893
33.3%	33.3% #996596	RGB 153 101 150	#996596
50.0%	50.0% #AD7299	RGB 173 114 153	#AD7299
66.7%	66.7% #C17F9B	RGB 193 127 155	#C17F9B
83.3%	83.3% #D58C9E	RGB 213 140 158	#D58C9E
100.0%	100.0% #E999A1	RGB 233 153 161	#E999A1

#714C91 #855893 #996596 #AD7299 #C17F9B #D58C9E #E999A1

#714C91 - #E999A1

HSV Blend

#714C91 - #E999A1 | 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 #714C91 as 0% and #E999A1 as 100%.

0.0%	0.0% #714C91	RGB 113 76 145	#714C91
16.7%	16.7% #8E579F	RGB 142 87 159	#8E579F
33.3%	33.3% #AD63AE	RGB 173 99 174	#AD63AE
50.0%	50.0% #BD6FAC	RGB 189 111 172	#BD6FAC
66.7%	66.7% #CB7CA8	RGB 203 124 168	#CB7CA8
83.3%	83.3% #DA8AA4	RGB 218 138 164	#DA8AA4
100.0%	100.0% #E999A1	RGB 233 153 161	#E999A1

#714C91 #8E579F #AD63AE #BD6FAC #CB7CA8 #DA8AA4 #E999A1

#714C91 - #BD6FAC - #E999A1

CSS codes

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

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