#9A8DCB - #4A3693 | 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 #9A8DCB to #4A3693

#9A8DCB #4A3693

Calculate the color between two colors, #9A8DCB and #4A3693. 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)

#9A8DCB - #4A3693 | 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 #9A8DCB as 0% and #4A3693 as 100%.

0.0%	0.0% #9A8DCB	RGB 154 141 203	#9A8DCB
16.7%	16.7% #8C7EC1	RGB 140 126 193	#8C7EC1
33.3%	33.3% #7F70B8	RGB 127 112 184	#7F70B8
50.0%	50.0% #7261AF	RGB 114 97 175	#7261AF
66.7%	66.7% #6453A5	RGB 100 83 165	#6453A5
83.3%	83.3% #57449C	RGB 87 68 156	#57449C
100.0%	100.0% #4A3693	RGB 74 54 147	#4A3693

#9A8DCB #8C7EC1 #7F70B8 #7261AF #6453A5 #57449C #4A3693

#9A8DCB - #4A3693

HSV Blend

#9A8DCB - #4A3693 | 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 #9A8DCB as 0% and #4A3693 as 100%.

0.0%	0.0% #9A8DCB	RGB 154 141 203	#9A8DCB
16.7%	16.7% #8A7BC1	RGB 138 123 193	#8A7BC1
33.3%	33.3% #7C6BB8	RGB 124 107 184	#7C6BB8
50.0%	50.0% #6E5CAF	RGB 110 92 175	#6E5CAF
66.7%	66.7% #614EA5	RGB 97 78 165	#614EA5
83.3%	83.3% #55419C	RGB 85 65 156	#55419C
100.0%	100.0% #4A3693	RGB 74 54 147	#4A3693

#9A8DCB #8A7BC1 #7C6BB8 #6E5CAF #614EA5 #55419C #4A3693

#9A8DCB - #6E5CAF - #4A3693

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9A8DCB 0%, #6E5CAF 50%, #4A3693 100%);
    background: -webkit-linear-gradient(top, #9A8DCB 0%, #6E5CAF 50%, #4A3693 100%);
    background: linear-gradient(to bottom, #9A8DCB 0%, #6E5CAF 50%, #4A3693 100%);
}
</style>