#97818B - #69333C | 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 #97818B to #69333C

#97818B #69333C

Calculate the color between two colors, #97818B and #69333C. 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)

#97818B - #69333C | 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 #97818B as 0% and #69333C as 100%.

0.0%	0.0% #97818B	RGB 151 129 139	#97818B
16.7%	16.7% #8F747D	RGB 143 116 125	#8F747D
33.3%	33.3% #876770	RGB 135 103 112	#876770
50.0%	50.0% #805A63	RGB 128 90 99	#805A63
66.7%	66.7% #784D56	RGB 120 77 86	#784D56
83.3%	83.3% #704049	RGB 112 64 73	#704049
100.0%	100.0% #69333C	RGB 105 51 60	#69333C

#97818B #8F747D #876770 #805A63 #784D56 #704049 #69333C

#97818B - #69333C

HSV Blend

#97818B - #69333C | 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 #97818B as 0% and #69333C as 100%.

0.0%	0.0% #97818B	RGB 151 129 139	#97818B
16.7%	16.7% #8F717D	RGB 143 113 125	#8F717D
33.3%	33.3% #876370	RGB 135 99 112	#876370
50.0%	50.0% #805562	RGB 128 85 98	#805562
66.7%	66.7% #784955	RGB 120 73 85	#784955
83.3%	83.3% #703D48	RGB 112 61 72	#703D48
100.0%	100.0% #69333C	RGB 105 51 60	#69333C

#97818B #8F717D #876370 #805562 #784955 #703D48 #69333C

#97818B - #805562 - #69333C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #97818B 0%, #805562 50%, #69333C 100%);
    background: -webkit-linear-gradient(top, #97818B 0%, #805562 50%, #69333C 100%);
    background: linear-gradient(to bottom, #97818B 0%, #805562 50%, #69333C 100%);
}
</style>