#6C5E7B - #7F96D8 | 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 #6C5E7B to #7F96D8

#6C5E7B #7F96D8

Calculate the color between two colors, #6C5E7B and #7F96D8. 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)

#6C5E7B - #7F96D8 | 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 #6C5E7B as 0% and #7F96D8 as 100%.

0.0%	0.0% #6C5E7B	RGB 108 94 123	#6C5E7B
16.7%	16.7% #6F678A	RGB 111 103 138	#6F678A
33.3%	33.3% #72709A	RGB 114 112 154	#72709A
50.0%	50.0% #757AA9	RGB 117 122 169	#757AA9
66.7%	66.7% #7883B9	RGB 120 131 185	#7883B9
83.3%	83.3% #7B8CC8	RGB 123 140 200	#7B8CC8
100.0%	100.0% #7F96D8	RGB 127 150 216	#7F96D8

#6C5E7B #6F678A #72709A #757AA9 #7883B9 #7B8CC8 #7F96D8

#6C5E7B - #7F96D8

HSV Blend

#6C5E7B - #7F96D8 | 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 #6C5E7B as 0% and #7F96D8 as 100%.

0.0%	0.0% #6C5E7B	RGB 108 94 123	#6C5E7B
16.7%	16.7% #72658A	RGB 114 101 138	#72658A
33.3%	33.3% #776C9A	RGB 119 108 154	#776C9A
50.0%	50.0% #7872A9	RGB 120 114 169	#7872A9
66.7%	66.7% #7778B9	RGB 119 120 185	#7778B9
83.3%	83.3% #7B86C8	RGB 123 134 200	#7B86C8
100.0%	100.0% #7F96D8	RGB 127 150 216	#7F96D8

#6C5E7B #72658A #776C9A #7872A9 #7778B9 #7B86C8 #7F96D8

#6C5E7B - #7872A9 - #7F96D8

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6C5E7B 0%, #7872A9 50%, #7F96D8 100%);
    background: -webkit-linear-gradient(top, #6C5E7B 0%, #7872A9 50%, #7F96D8 100%);
    background: linear-gradient(to bottom, #6C5E7B 0%, #7872A9 50%, #7F96D8 100%);
}
</style>