#9F8CDA - #613AAF | 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 #9F8CDA to #613AAF

#9F8CDA #613AAF

Calculate the color between two colors, #9F8CDA and #613AAF. 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)

#9F8CDA - #613AAF | 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 #9F8CDA as 0% and #613AAF as 100%.

0.0%	0.0% #9F8CDA	RGB 159 140 218	#9F8CDA
16.7%	16.7% #947ED2	RGB 148 126 210	#947ED2
33.3%	33.3% #8A70CB	RGB 138 112 203	#8A70CB
50.0%	50.0% #8063C4	RGB 128 99 196	#8063C4
66.7%	66.7% #7555BD	RGB 117 85 189	#7555BD
83.3%	83.3% #6B47B6	RGB 107 71 182	#6B47B6
100.0%	100.0% #613AAF	RGB 97 58 175	#613AAF

#9F8CDA #947ED2 #8A70CB #8063C4 #7555BD #6B47B6 #613AAF

#9F8CDA - #613AAF

HSV Blend

#9F8CDA - #613AAF | 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 #9F8CDA as 0% and #613AAF as 100%.

0.0%	0.0% #9F8CDA	RGB 159 140 218	#9F8CDA
16.7%	16.7% #927CD2	RGB 146 124 210	#927CD2
33.3%	33.3% #876DCB	RGB 135 109 203	#876DCB
50.0%	50.0% #7C5FC4	RGB 124 95 196	#7C5FC4
66.7%	66.7% #7252BD	RGB 114 82 189	#7252BD
83.3%	83.3% #6945B6	RGB 105 69 182	#6945B6
100.0%	100.0% #613AAF	RGB 97 58 175	#613AAF

#9F8CDA #927CD2 #876DCB #7C5FC4 #7252BD #6945B6 #613AAF

#9F8CDA - #7C5FC4 - #613AAF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9F8CDA 0%, #7C5FC4 50%, #613AAF 100%);
    background: -webkit-linear-gradient(top, #9F8CDA 0%, #7C5FC4 50%, #613AAF 100%);
    background: linear-gradient(to bottom, #9F8CDA 0%, #7C5FC4 50%, #613AAF 100%);
}
</style>