#9FA09F - #595842 | colorate

colorateはデザイナーや開発者向けの配色ツールです。あなたのインスピレーションを引き出し、よりよい配色の構成に役立ちます。サイトをよりよくする

Blend #9FA09F to #595842

#9FA09Fと#595842の二色間の色を演算します。色味の近い色同士では滑らかですが、RGB値をもとにした通常のブレンドでは、色味の遠い色同士の中間の色は彩度が低くなりグレーに近くなります。HSV値をもとにしたブレンドでは、色味の遠い色同士でも彩度の低下はありません。

RGBブレンド

#9FA09F - #595842 | colorate

RGB値をもとにした二色間のブレンドです。色味の離れた色同士では、二色間の彩度は低下します。#9FA09Fを0%、#595842を100%として二色間の色を展開します。

0.0%	0.0% #9FA09F	RGB 159 160 159	#9FA09F
16.7%	16.7% #93948F	RGB 147 148 143	#93948F
33.3%	33.3% #878880	RGB 135 136 128	#878880
50.0%	50.0% #7C7C70	RGB 124 124 112	#7C7C70
66.7%	66.7% #707061	RGB 112 112 97	#707061
83.3%	83.3% #646451	RGB 100 100 81	#646451
100.0%	100.0% #595842	RGB 89 88 66	#595842

#9FA09F #93948F #878880 #7C7C70 #707061 #646451 #595842

#9FA09F - #595842

HSVブレンド

#9FA09F - #595842 | colorate

HSV値をもとにした二色間のブレンドです。色味の離れた色同士でも、二色間の彩度は低下しません。#9FA09Fを0%、#595842を100%として二色間の色を展開します。

0.0%	0.0% #9FA09F	RGB 159 160 159	#9FA09F
16.7%	16.7% #8E948D	RGB 142 148 141	#8E948D
33.3%	33.3% #80887C	RGB 128 136 124	#80887C
50.0%	50.0% #747C6C	RGB 116 124 108	#747C6C
66.7%	66.7% #6A705D	RGB 106 112 93	#6A705D
83.3%	83.3% #61644F	RGB 97 100 79	#61644F
100.0%	100.0% #595842	RGB 89 88 66	#595842

#9FA09F #8E948D #80887C #747C6C #6A705D #61644F #595842

#9FA09F - #747C6C - #595842

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9FA09F 0%, #747C6C 50%, #595842 100%);
    background: -webkit-linear-gradient(top, #9FA09F 0%, #747C6C 50%, #595842 100%);
    background: linear-gradient(to bottom, #9FA09F 0%, #747C6C 50%, #595842 100%);
}
</style>