#7C5E7A - #8AA8BA | 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 #7C5E7A to #8AA8BA

#7C5E7A #8AA8BA

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

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

0.0%	0.0% #7C5E7A	RGB 124 94 122	#7C5E7A
16.7%	16.7% #7E6A84	RGB 126 106 132	#7E6A84
33.3%	33.3% #80768F	RGB 128 118 143	#80768F
50.0%	50.0% #83839A	RGB 131 131 154	#83839A
66.7%	66.7% #858FA4	RGB 133 143 164	#858FA4
83.3%	83.3% #879BAF	RGB 135 155 175	#879BAF
100.0%	100.0% #8AA8BA	RGB 138 168 186	#8AA8BA

#7C5E7A #7E6A84 #80768F #83839A #858FA4 #879BAF #8AA8BA

#7C5E7A - #8AA8BA

HSV Blend

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

0.0%	0.0% #7C5E7A	RGB 124 94 122	#7C5E7A
16.7%	16.7% #7F6586	RGB 127 101 134	#7F6586
33.3%	33.3% #7E6C90	RGB 126 108 144	#7E6C90
50.0%	50.0% #7C749B	RGB 124 116 155	#7C749B
66.7%	66.7% #7B7EA5	RGB 123 126 165	#7B7EA5
83.3%	83.3% #8292AF	RGB 130 146 175	#8292AF
100.0%	100.0% #8AA8BA	RGB 138 168 186	#8AA8BA

#7C5E7A #7F6586 #7E6C90 #7C749B #7B7EA5 #8292AF #8AA8BA

#7C5E7A - #7C749B - #8AA8BA

CSS codes

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

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