#464847 - #996997 | 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 #464847 to #996997

#464847 #996997

Calculate the color between two colors, #464847 and #996997. 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)

#464847 - #996997 | 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 #464847 as 0% and #996997 as 100%.

0.0%	0.0% #464847	RGB 70 72 71	#464847
16.7%	16.7% #534D54	RGB 83 77 84	#534D54
33.3%	33.3% #615361	RGB 97 83 97	#615361
50.0%	50.0% #6F586F	RGB 111 88 111	#6F586F
66.7%	66.7% #7D5E7C	RGB 125 94 124	#7D5E7C
83.3%	83.3% #8B6389	RGB 139 99 137	#8B6389
100.0%	100.0% #996997	RGB 153 105 151	#996997

#464847 #534D54 #615361 #6F586F #7D5E7C #8B6389 #996997

#464847 - #996997

HSV Blend

#464847 - #996997 | 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 #464847 as 0% and #996997 as 100%.

0.0%	0.0% #464847	RGB 70 72 71	#464847
16.7%	16.7% #4F5555	RGB 79 85 85	#4F5555
33.3%	33.3% #565E63	RGB 86 94 99	#565E63
50.0%	50.0% #5D6170	RGB 93 97 112	#5D6170
66.7%	66.7% #67627E	RGB 103 98 126	#67627E
83.3%	83.3% #7D668B	RGB 125 102 139	#7D668B
100.0%	100.0% #996997	RGB 153 105 151	#996997

#464847 #4F5555 #565E63 #5D6170 #67627E #7D668B #996997

#464847 - #5D6170 - #996997

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #464847 0%, #5D6170 50%, #996997 100%);
    background: -webkit-linear-gradient(top, #464847 0%, #5D6170 50%, #996997 100%);
    background: linear-gradient(to bottom, #464847 0%, #5D6170 50%, #996997 100%);
}
</style>