#583C5E - #6B71A7 | 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 #583C5E to #6B71A7

#583C5E #6B71A7

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

#583C5E - #6B71A7 | 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 #583C5E as 0% and #6B71A7 as 100%.

0.0%	0.0% #583C5E	RGB 88 60 94	#583C5E
16.7%	16.7% #5B446A	RGB 91 68 106	#5B446A
33.3%	33.3% #5E4D76	RGB 94 77 118	#5E4D76
50.0%	50.0% #615682	RGB 97 86 130	#615682
66.7%	66.7% #645F8E	RGB 100 95 142	#645F8E
83.3%	83.3% #67689A	RGB 103 104 154	#67689A
100.0%	100.0% #6B71A7	RGB 107 113 167	#6B71A7

#583C5E #5B446A #5E4D76 #615682 #645F8E #67689A #6B71A7

#583C5E - #6B71A7

HSV Blend

#583C5E - #6B71A7 | 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 #583C5E as 0% and #6B71A7 as 100%.

0.0%	0.0% #583C5E	RGB 88 60 94	#583C5E
16.7%	16.7% #5D436A	RGB 93 67 106	#5D436A
33.3%	33.3% #614B76	RGB 97 75 118	#614B76
50.0%	50.0% #645382	RGB 100 83 130	#645382
66.7%	66.7% #655B8E	RGB 101 91 142	#655B8E
83.3%	83.3% #66639A	RGB 102 99 154	#66639A
100.0%	100.0% #6B71A7	RGB 107 113 167	#6B71A7

#583C5E #5D436A #614B76 #645382 #655B8E #66639A #6B71A7

#583C5E - #645382 - #6B71A7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #583C5E 0%, #645382 50%, #6B71A7 100%);
    background: -webkit-linear-gradient(top, #583C5E 0%, #645382 50%, #6B71A7 100%);
    background: linear-gradient(to bottom, #583C5E 0%, #645382 50%, #6B71A7 100%);
}
</style>