#9F9FBA - #415473 | 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 #9F9FBA to #415473

#9F9FBA #415473

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

#9F9FBA - #415473 | 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 #9F9FBA as 0% and #415473 as 100%.

0.0%	0.0% #9F9FBA	RGB 159 159 186	#9F9FBA
16.7%	16.7% #8F92AE	RGB 143 146 174	#8F92AE
33.3%	33.3% #7F86A2	RGB 127 134 162	#7F86A2
50.0%	50.0% #707996	RGB 112 121 150	#707996
66.7%	66.7% #606D8A	RGB 96 109 138	#606D8A
83.3%	83.3% #50607E	RGB 80 96 126	#50607E
100.0%	100.0% #415473	RGB 65 84 115	#415473

#9F9FBA #8F92AE #7F86A2 #707996 #606D8A #50607E #415473

#9F9FBA - #415473

HSV Blend

#9F9FBA - #415473 | 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 #9F9FBA as 0% and #415473 as 100%.

0.0%	0.0% #9F9FBA	RGB 159 159 186	#9F9FBA
16.7%	16.7% #8C8EAE	RGB 140 142 174	#8C8EAE
33.3%	33.3% #7B80A2	RGB 123 128 162	#7B80A2
50.0%	50.0% #6A7396	RGB 106 115 150	#6A7396
66.7%	66.7% #5B678A	RGB 91 103 138	#5B678A
83.3%	83.3% #4D5D7E	RGB 77 93 126	#4D5D7E
100.0%	100.0% #415473	RGB 65 84 115	#415473

#9F9FBA #8C8EAE #7B80A2 #6A7396 #5B678A #4D5D7E #415473

#9F9FBA - #6A7396 - #415473

CSS codes

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

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