#7E3C6B - #E08A8F | 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 #7E3C6B to #E08A8F

#7E3C6B #E08A8F

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

#7E3C6B - #E08A8F | 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 #7E3C6B as 0% and #E08A8F as 100%.

0.0%	0.0% #7E3C6B	RGB 126 60 107	#7E3C6B
16.7%	16.7% #8E4971	RGB 142 73 113	#8E4971
33.3%	33.3% #9E5677	RGB 158 86 119	#9E5677
50.0%	50.0% #AF637D	RGB 175 99 125	#AF637D
66.7%	66.7% #BF7083	RGB 191 112 131	#BF7083
83.3%	83.3% #CF7D89	RGB 207 125 137	#CF7D89
100.0%	100.0% #E08A8F	RGB 224 138 143	#E08A8F

#7E3C6B #8E4971 #9E5677 #AF637D #BF7083 #CF7D89 #E08A8F

#7E3C6B - #E08A8F

HSV Blend

#7E3C6B - #E08A8F | 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 #7E3C6B as 0% and #E08A8F as 100%.

0.0%	0.0% #7E3C6B	RGB 126 60 107	#7E3C6B
16.7%	16.7% #8E4772	RGB 142 71 114	#8E4772
33.3%	33.3% #9E5278	RGB 158 82 120	#9E5278
50.0%	50.0% #AF5F7E	RGB 175 95 126	#AF5F7E
66.7%	66.7% #BF6C83	RGB 191 108 131	#BF6C83
83.3%	83.3% #CF7B89	RGB 207 123 137	#CF7B89
100.0%	100.0% #E08A8F	RGB 224 138 143	#E08A8F

#7E3C6B #8E4772 #9E5278 #AF5F7E #BF6C83 #CF7B89 #E08A8F

#7E3C6B - #AF5F7E - #E08A8F

CSS codes

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

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