#8D3E8C - #E697B6 | 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 #8D3E8C to #E697B6

#8D3E8C #E697B6

Calculate the color between two colors, #8D3E8C and #E697B6. 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)

#8D3E8C - #E697B6 | 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 #8D3E8C as 0% and #E697B6 as 100%.

0.0%	0.0% #8D3E8C	RGB 141 62 140	#8D3E8C
16.7%	16.7% #9B4C93	RGB 155 76 147	#9B4C93
33.3%	33.3% #AA5B9A	RGB 170 91 154	#AA5B9A
50.0%	50.0% #B96AA1	RGB 185 106 161	#B96AA1
66.7%	66.7% #C879A8	RGB 200 121 168	#C879A8
83.3%	83.3% #D788AF	RGB 215 136 175	#D788AF
100.0%	100.0% #E697B6	RGB 230 151 182	#E697B6

#8D3E8C #9B4C93 #AA5B9A #B96AA1 #C879A8 #D788AF #E697B6

#8D3E8C - #E697B6

HSV Blend

#8D3E8C - #E697B6 | 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 #8D3E8C as 0% and #E697B6 as 100%.

0.0%	0.0% #8D3E8C	RGB 141 62 140	#8D3E8C
16.7%	16.7% #9B4A92	RGB 155 74 146	#9B4A92
33.3%	33.3% #AA5799	RGB 170 87 153	#AA5799
50.0%	50.0% #B9659F	RGB 185 101 159	#B9659F
66.7%	66.7% #C875A6	RGB 200 117 166	#C875A6
83.3%	83.3% #D785AD	RGB 215 133 173	#D785AD
100.0%	100.0% #E697B6	RGB 230 151 182	#E697B6

#8D3E8C #9B4A92 #AA5799 #B9659F #C875A6 #D785AD #E697B6

#8D3E8C - #B9659F - #E697B6

CSS codes

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

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