#7C5E95 - #8EC2D0 | 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 #7C5E95 to #8EC2D0

#7C5E95 #8EC2D0

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

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

0.0%	0.0% #7C5E95	RGB 124 94 149	#7C5E95
16.7%	16.7% #7F6E9E	RGB 127 110 158	#7F6E9E
33.3%	33.3% #827FA8	RGB 130 127 168	#827FA8
50.0%	50.0% #8590B2	RGB 133 144 178	#8590B2
66.7%	66.7% #88A0BC	RGB 136 160 188	#88A0BC
83.3%	83.3% #8BB1C6	RGB 139 177 198	#8BB1C6
100.0%	100.0% #8EC2D0	RGB 142 194 208	#8EC2D0

#7C5E95 #7F6E9E #827FA8 #8590B2 #88A0BC #8BB1C6 #8EC2D0

#7C5E95 - #8EC2D0

HSV Blend

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

0.0%	0.0% #7C5E95	RGB 124 94 149	#7C5E95
16.7%	16.7% #78659E	RGB 120 101 158	#78659E
33.3%	33.3% #736DA8	RGB 115 109 168	#736DA8
50.0%	50.0% #757CB2	RGB 117 124 178	#757CB2
66.7%	66.7% #7D92BC	RGB 125 146 188	#7D92BC
83.3%	83.3% #85AAC6	RGB 133 170 198	#85AAC6
100.0%	100.0% #8EC2D0	RGB 142 194 208	#8EC2D0

#7C5E95 #78659E #736DA8 #757CB2 #7D92BC #85AAC6 #8EC2D0

#7C5E95 - #757CB2 - #8EC2D0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7C5E95 0%, #757CB2 50%, #8EC2D0 100%);
    background: -webkit-linear-gradient(top, #7C5E95 0%, #757CB2 50%, #8EC2D0 100%);
    background: linear-gradient(to bottom, #7C5E95 0%, #757CB2 50%, #8EC2D0 100%);
}
</style>