#7E5E7A - #8CA6BC | 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 #7E5E7A to #8CA6BC

#7E5E7A #8CA6BC

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

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

0.0%	0.0% #7E5E7A	RGB 126 94 122	#7E5E7A
16.7%	16.7% #806A85	RGB 128 106 133	#806A85
33.3%	33.3% #827690	RGB 130 118 144	#827690
50.0%	50.0% #85829B	RGB 133 130 155	#85829B
66.7%	66.7% #878EA6	RGB 135 142 166	#878EA6
83.3%	83.3% #899AB1	RGB 137 154 177	#899AB1
100.0%	100.0% #8CA6BC	RGB 140 166 188	#8CA6BC

#7E5E7A #806A85 #827690 #85829B #878EA6 #899AB1 #8CA6BC

#7E5E7A - #8CA6BC

HSV Blend

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

0.0%	0.0% #7E5E7A	RGB 126 94 122	#7E5E7A
16.7%	16.7% #836588	RGB 131 101 136	#836588
33.3%	33.3% #826D92	RGB 130 109 146	#826D92
50.0%	50.0% #80759D	RGB 128 117 157	#80759D
66.7%	66.7% #7D7CA7	RGB 125 124 167	#7D7CA7
83.3%	83.3% #8490B1	RGB 132 144 177	#8490B1
100.0%	100.0% #8CA6BC	RGB 140 166 188	#8CA6BC

#7E5E7A #836588 #826D92 #80759D #7D7CA7 #8490B1 #8CA6BC

#7E5E7A - #80759D - #8CA6BC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7E5E7A 0%, #80759D 50%, #8CA6BC 100%);
    background: -webkit-linear-gradient(top, #7E5E7A 0%, #80759D 50%, #8CA6BC 100%);
    background: linear-gradient(to bottom, #7E5E7A 0%, #80759D 50%, #8CA6BC 100%);
}
</style>