#7E3E8F - #EA8B9C | 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 #7E3E8F to #EA8B9C

#7E3E8F #EA8B9C

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

#7E3E8F - #EA8B9C | 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 #7E3E8F as 0% and #EA8B9C as 100%.

0.0%	0.0% #7E3E8F	RGB 126 62 143	#7E3E8F
16.7%	16.7% #904A91	RGB 144 74 145	#904A91
33.3%	33.3% #A25793	RGB 162 87 147	#A25793
50.0%	50.0% #B46495	RGB 180 100 149	#B46495
66.7%	66.7% #C67197	RGB 198 113 151	#C67197
83.3%	83.3% #D87E99	RGB 216 126 153	#D87E99
100.0%	100.0% #EA8B9C	RGB 234 139 156	#EA8B9C

#7E3E8F #904A91 #A25793 #B46495 #C67197 #D87E99 #EA8B9C

#7E3E8F - #EA8B9C

HSV Blend

#7E3E8F - #EA8B9C | 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 #7E3E8F as 0% and #EA8B9C as 100%.

0.0%	0.0% #7E3E8F	RGB 126 62 143	#7E3E8F
16.7%	16.7% #9A489E	RGB 154 72 158	#9A489E
33.3%	33.3% #AD54A1	RGB 173 84 161	#AD54A1
50.0%	50.0% #BC60A0	RGB 188 96 160	#BC60A0
66.7%	66.7% #CB6E9E	RGB 203 110 158	#CB6E9E
83.3%	83.3% #DA7C9D	RGB 218 124 157	#DA7C9D
100.0%	100.0% #EA8B9C	RGB 234 139 156	#EA8B9C

#7E3E8F #9A489E #AD54A1 #BC60A0 #CB6E9E #DA7C9D #EA8B9C

#7E3E8F - #BC60A0 - #EA8B9C

CSS codes

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

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