#9997A8 - #4D415B | 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 #9997A8 to #4D415B

#9997A8 #4D415B

Calculate the color between two colors, #9997A8 and #4D415B. 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)

#9997A8 - #4D415B | 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 #9997A8 as 0% and #4D415B as 100%.

0.0%	0.0% #9997A8	RGB 153 151 168	#9997A8
16.7%	16.7% #8C889B	RGB 140 136 155	#8C889B
33.3%	33.3% #7F7A8E	RGB 127 122 142	#7F7A8E
50.0%	50.0% #736C81	RGB 115 108 129	#736C81
66.7%	66.7% #665D74	RGB 102 93 116	#665D74
83.3%	83.3% #594F67	RGB 89 79 103	#594F67
100.0%	100.0% #4D415B	RGB 77 65 91	#4D415B

#9997A8 #8C889B #7F7A8E #736C81 #665D74 #594F67 #4D415B

#9997A8 - #4D415B

HSV Blend

#9997A8 - #4D415B | 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 #9997A8 as 0% and #4D415B as 100%.

0.0%	0.0% #9997A8	RGB 153 151 168	#9997A8
16.7%	16.7% #8A869B	RGB 138 134 155	#8A869B
33.3%	33.3% #7C778E	RGB 124 119 142	#7C778E
50.0%	50.0% #6F6881	RGB 111 104 129	#6F6881
66.7%	66.7% #635A74	RGB 99 90 116	#635A74
83.3%	83.3% #584D67	RGB 88 77 103	#584D67
100.0%	100.0% #4D415B	RGB 77 65 91	#4D415B

#9997A8 #8A869B #7C778E #6F6881 #635A74 #584D67 #4D415B

#9997A8 - #6F6881 - #4D415B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9997A8 0%, #6F6881 50%, #4D415B 100%);
    background: -webkit-linear-gradient(top, #9997A8 0%, #6F6881 50%, #4D415B 100%);
    background: linear-gradient(to bottom, #9997A8 0%, #6F6881 50%, #4D415B 100%);
}
</style>