#5A3E5E - #6F65B7 | 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 #5A3E5E to #6F65B7

#5A3E5E #6F65B7

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

#5A3E5E - #6F65B7 | 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 #5A3E5E as 0% and #6F65B7 as 100%.

0.0%	0.0% #5A3E5E	RGB 90 62 94	#5A3E5E
16.7%	16.7% #5D446C	RGB 93 68 108	#5D446C
33.3%	33.3% #614B7B	RGB 97 75 123	#614B7B
50.0%	50.0% #64518A	RGB 100 81 138	#64518A
66.7%	66.7% #685899	RGB 104 88 153	#685899
83.3%	83.3% #6B5EA8	RGB 107 94 168	#6B5EA8
100.0%	100.0% #6F65B7	RGB 111 101 183	#6F65B7

#5A3E5E #5D446C #614B7B #64518A #685899 #6B5EA8 #6F65B7

#5A3E5E - #6F65B7

HSV Blend

#5A3E5E - #6F65B7 | 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 #5A3E5E as 0% and #6F65B7 as 100%.

0.0%	0.0% #5A3E5E	RGB 90 62 94	#5A3E5E
16.7%	16.7% #63456C	RGB 99 69 108	#63456C
33.3%	33.3% #6A4D7B	RGB 106 77 123	#6A4D7B
50.0%	50.0% #6F538A	RGB 111 83 138	#6F538A
66.7%	66.7% #715A99	RGB 113 90 153	#715A99
83.3%	83.3% #715FA8	RGB 113 95 168	#715FA8
100.0%	100.0% #6F65B7	RGB 111 101 183	#6F65B7

#5A3E5E #63456C #6A4D7B #6F538A #715A99 #715FA8 #6F65B7

#5A3E5E - #6F538A - #6F65B7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5A3E5E 0%, #6F538A 50%, #6F65B7 100%);
    background: -webkit-linear-gradient(top, #5A3E5E 0%, #6F538A 50%, #6F65B7 100%);
    background: linear-gradient(to bottom, #5A3E5E 0%, #6F538A 50%, #6F65B7 100%);
}
</style>