#9F8DDA - #623BAF | 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 #9F8DDA to #623BAF

#9F8DDA #623BAF

Calculate the color between two colors, #9F8DDA and #623BAF. 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)

#9F8DDA - #623BAF | 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 #9F8DDA as 0% and #623BAF as 100%.

0.0%	0.0% #9F8DDA	RGB 159 141 218	#9F8DDA
16.7%	16.7% #947FD2	RGB 148 127 210	#947FD2
33.3%	33.3% #8A71CB	RGB 138 113 203	#8A71CB
50.0%	50.0% #8064C4	RGB 128 100 196	#8064C4
66.7%	66.7% #7656BD	RGB 118 86 189	#7656BD
83.3%	83.3% #6C48B6	RGB 108 72 182	#6C48B6
100.0%	100.0% #623BAF	RGB 98 59 175	#623BAF

#9F8DDA #947FD2 #8A71CB #8064C4 #7656BD #6C48B6 #623BAF

#9F8DDA - #623BAF

HSV Blend

#9F8DDA - #623BAF | 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 #9F8DDA as 0% and #623BAF as 100%.

0.0%	0.0% #9F8DDA	RGB 159 141 218	#9F8DDA
16.7%	16.7% #927DD2	RGB 146 125 210	#927DD2
33.3%	33.3% #876ECB	RGB 135 110 203	#876ECB
50.0%	50.0% #7D60C4	RGB 125 96 196	#7D60C4
66.7%	66.7% #7353BD	RGB 115 83 189	#7353BD
83.3%	83.3% #6A46B6	RGB 106 70 182	#6A46B6
100.0%	100.0% #623BAF	RGB 98 59 175	#623BAF

#9F8DDA #927DD2 #876ECB #7D60C4 #7353BD #6A46B6 #623BAF

#9F8DDA - #7D60C4 - #623BAF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9F8DDA 0%, #7D60C4 50%, #623BAF 100%);
    background: -webkit-linear-gradient(top, #9F8DDA 0%, #7D60C4 50%, #623BAF 100%);
    background: linear-gradient(to bottom, #9F8DDA 0%, #7D60C4 50%, #623BAF 100%);
}
</style>