#9A828B - #69353C | 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 #9A828B to #69353C

#9A828B #69353C

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

#9A828B - #69353C | 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 #9A828B as 0% and #69353C as 100%.

0.0%	0.0% #9A828B	RGB 154 130 139	#9A828B
16.7%	16.7% #91757D	RGB 145 117 125	#91757D
33.3%	33.3% #896870	RGB 137 104 112	#896870
50.0%	50.0% #815B63	RGB 129 91 99	#815B63
66.7%	66.7% #794E56	RGB 121 78 86	#794E56
83.3%	83.3% #714149	RGB 113 65 73	#714149
100.0%	100.0% #69353C	RGB 105 53 60	#69353C

#9A828B #91757D #896870 #815B63 #794E56 #714149 #69353C

#9A828B - #69353C

HSV Blend

#9A828B - #69353C | 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 #9A828B as 0% and #69353C as 100%.

0.0%	0.0% #9A828B	RGB 154 130 139	#9A828B
16.7%	16.7% #91727D	RGB 145 114 125	#91727D
33.3%	33.3% #89646F	RGB 137 100 111	#89646F
50.0%	50.0% #815762	RGB 129 87 98	#815762
66.7%	66.7% #794A54	RGB 121 74 84	#794A54
83.3%	83.3% #713F48	RGB 113 63 72	#713F48
100.0%	100.0% #69353C	RGB 105 53 60	#69353C

#9A828B #91727D #89646F #815762 #794A54 #713F48 #69353C

#9A828B - #815762 - #69353C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9A828B 0%, #815762 50%, #69353C 100%);
    background: -webkit-linear-gradient(top, #9A828B 0%, #815762 50%, #69353C 100%);
    background: linear-gradient(to bottom, #9A828B 0%, #815762 50%, #69353C 100%);
}
</style>