#5E615E - #967DB7 | 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 #5E615E to #967DB7

#5E615E #967DB7

Calculate the color between two colors, #5E615E and #967DB7. 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)

#5E615E - #967DB7 | 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 #5E615E as 0% and #967DB7 as 100%.

0.0%	0.0% #5E615E	RGB 94 97 94	#5E615E
16.7%	16.7% #67656C	RGB 103 101 108	#67656C
33.3%	33.3% #706A7B	RGB 112 106 123	#706A7B
50.0%	50.0% #7A6F8A	RGB 122 111 138	#7A6F8A
66.7%	66.7% #837399	RGB 131 115 153	#837399
83.3%	83.3% #8C78A8	RGB 140 120 168	#8C78A8
100.0%	100.0% #967DB7	RGB 150 125 183	#967DB7

#5E615E #67656C #706A7B #7A6F8A #837399 #8C78A8 #967DB7

#5E615E - #967DB7

HSV Blend

#5E615E - #967DB7 | 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 #5E615E as 0% and #967DB7 as 100%.

0.0%	0.0% #5E615E	RGB 94 97 94	#5E615E
16.7%	16.7% #666F6A	RGB 102 111 106	#666F6A
33.3%	33.3% #6D7D7A	RGB 109 125 122	#6D7D7A
50.0%	50.0% #73868C	RGB 115 134 140	#73868C
66.7%	66.7% #78859A	RGB 120 133 154	#78859A
83.3%	83.3% #7C7BA8	RGB 124 123 168	#7C7BA8
100.0%	100.0% #967DB7	RGB 150 125 183	#967DB7

#5E615E #666F6A #6D7D7A #73868C #78859A #7C7BA8 #967DB7

#5E615E - #73868C - #967DB7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E615E 0%, #73868C 50%, #967DB7 100%);
    background: -webkit-linear-gradient(top, #5E615E 0%, #73868C 50%, #967DB7 100%);
    background: linear-gradient(to bottom, #5E615E 0%, #73868C 50%, #967DB7 100%);
}
</style>