#9F8FD2 - #322B8C | 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 #9F8FD2 to #322B8C

#9F8FD2 #322B8C

Calculate the color between two colors, #9F8FD2 and #322B8C. 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)

#9F8FD2 - #322B8C | 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 #9F8FD2 as 0% and #322B8C as 100%.

0.0%	0.0% #9F8FD2	RGB 159 143 210	#9F8FD2
16.7%	16.7% #8C7EC6	RGB 140 126 198	#8C7EC6
33.3%	33.3% #7A6DBA	RGB 122 109 186	#7A6DBA
50.0%	50.0% #685DAF	RGB 104 93 175	#685DAF
66.7%	66.7% #564CA3	RGB 86 76 163	#564CA3
83.3%	83.3% #443B97	RGB 68 59 151	#443B97
100.0%	100.0% #322B8C	RGB 50 43 140	#322B8C

#9F8FD2 #8C7EC6 #7A6DBA #685DAF #564CA3 #443B97 #322B8C

#9F8FD2 - #322B8C

HSV Blend

#9F8FD2 - #322B8C | 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 #9F8FD2 as 0% and #322B8C as 100%.

0.0%	0.0% #9E8FD2	RGB 158 143 210	#9E8FD2
16.7%	16.7% #8A7AC6	RGB 138 122 198	#8A7AC6
33.3%	33.3% #7767BA	RGB 119 103 186	#7767BA
50.0%	50.0% #6456AF	RGB 100 86 175	#6456AF
66.7%	66.7% #5246A3	RGB 82 70 163	#5246A3
83.3%	83.3% #413897	RGB 65 56 151	#413897
100.0%	100.0% #322B8C	RGB 50 43 140	#322B8C

#9E8FD2 #8A7AC6 #7767BA #6456AF #5246A3 #413897 #322B8C

#9F8FD2 - #6456AF - #322B8C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9E8FD2 0%, #6456AF 50%, #322B8C 100%);
    background: -webkit-linear-gradient(top, #9E8FD2 0%, #6456AF 50%, #322B8C 100%);
    background: linear-gradient(to bottom, #9E8FD2 0%, #6456AF 50%, #322B8C 100%);
}
</style>