#7C6F8C - #8EBDC8 | 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 #7C6F8C to #8EBDC8

#7C6F8C #8EBDC8

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

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

0.0%	0.0% #7C6F8C	RGB 124 111 140	#7C6F8C
16.7%	16.7% #7F7C96	RGB 127 124 150	#7F7C96
33.3%	33.3% #8289A0	RGB 130 137 160	#8289A0
50.0%	50.0% #8596AA	RGB 133 150 170	#8596AA
66.7%	66.7% #88A3B4	RGB 136 163 180	#88A3B4
83.3%	83.3% #8BB0BE	RGB 139 176 190	#8BB0BE
100.0%	100.0% #8EBDC8	RGB 142 189 200	#8EBDC8

#7C6F8C #7F7C96 #8289A0 #8596AA #88A3B4 #8BB0BE #8EBDC8

#7C6F8C - #8EBDC8

HSV Blend

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

0.0%	0.0% #7C6F8C	RGB 124 111 140	#7C6F8C
16.7%	16.7% #7C7496	RGB 124 116 150	#7C7496
33.3%	33.3% #7B7AA0	RGB 123 122 160	#7B7AA0
50.0%	50.0% #7F87AA	RGB 127 135 170	#7F87AA
66.7%	66.7% #8497B4	RGB 132 151 180	#8497B4
83.3%	83.3% #89A9BE	RGB 137 169 190	#89A9BE
100.0%	100.0% #8EBDC8	RGB 142 189 200	#8EBDC8

#7C6F8C #7C7496 #7B7AA0 #7F87AA #8497B4 #89A9BE #8EBDC8

#7C6F8C - #7F87AA - #8EBDC8

CSS codes

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

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