#9F97A8 - #55415B | 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 #9F97A8 to #55415B

#9F97A8 #55415B

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

#9F97A8 - #55415B | 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 #9F97A8 as 0% and #55415B as 100%.

0.0%	0.0% #9F97A8	RGB 159 151 168	#9F97A8
16.7%	16.7% #92889B	RGB 146 136 155	#92889B
33.3%	33.3% #867A8E	RGB 134 122 142	#867A8E
50.0%	50.0% #7A6C81	RGB 122 108 129	#7A6C81
66.7%	66.7% #6D5D74	RGB 109 93 116	#6D5D74
83.3%	83.3% #614F67	RGB 97 79 103	#614F67
100.0%	100.0% #55415B	RGB 85 65 91	#55415B

#9F97A8 #92889B #867A8E #7A6C81 #6D5D74 #614F67 #55415B

#9F97A8 - #55415B

HSV Blend

#9F97A8 - #55415B | 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 #9F97A8 as 0% and #55415B as 100%.

0.0%	0.0% #9F97A8	RGB 159 151 168	#9F97A8
16.7%	16.7% #91869B	RGB 145 134 155	#91869B
33.3%	33.3% #84778E	RGB 132 119 142	#84778E
50.0%	50.0% #776881	RGB 119 104 129	#776881
66.7%	66.7% #6C5A74	RGB 108 90 116	#6C5A74
83.3%	83.3% #604D67	RGB 96 77 103	#604D67
100.0%	100.0% #55415B	RGB 85 65 91	#55415B

#9F97A8 #91869B #84778E #776881 #6C5A74 #604D67 #55415B

#9F97A8 - #776881 - #55415B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9F97A8 0%, #776881 50%, #55415B 100%);
    background: -webkit-linear-gradient(top, #9F97A8 0%, #776881 50%, #55415B 100%);
    background: linear-gradient(to bottom, #9F97A8 0%, #776881 50%, #55415B 100%);
}
</style>