#969790 - #757D6B | colorate

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

Blend #969790 to #757D6B

#969790 #757D6B

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

RGBブレンド

#969790 - #757D6B | colorate

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

0.0%	0.0% #969790	RGB 150 151 144	#969790
16.7%	16.7% #909289	RGB 144 146 137	#909289
33.3%	33.3% #8B8E83	RGB 139 142 131	#8B8E83
50.0%	50.0% #858A7D	RGB 133 138 125	#858A7D
66.7%	66.7% #808577	RGB 128 133 119	#808577
83.3%	83.3% #7A8171	RGB 122 129 113	#7A8171
100.0%	100.0% #757D6B	RGB 117 125 107	#757D6B

#969790 #909289 #8B8E83 #858A7D #808577 #7A8171 #757D6B

#969790 - #757D6B

HSVブレンド

#969790 - #757D6B | colorate

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

0.0%	0.0% #969790	RGB 150 151 144	#969790
16.7%	16.7% #909289	RGB 144 146 137	#909289
33.3%	33.3% #8B8E83	RGB 139 142 131	#8B8E83
50.0%	50.0% #868A7C	RGB 134 138 124	#868A7C
66.7%	66.7% #808576	RGB 128 133 118	#808576
83.3%	83.3% #7A8170	RGB 122 129 112	#7A8170
100.0%	100.0% #757D6B	RGB 117 125 107	#757D6B

#969790 #909289 #8B8E83 #868A7C #808576 #7A8170 #757D6B

#969790 - #868A7C - #757D6B

CSSコード

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

/* HSV Gradation */
div {
    background: -moz-linear-gradient(top, #969790 0%, #868A7C 50%, #757D6B 100%);
    background: -webkit-linear-gradient(top, #969790 0%, #868A7C 50%, #757D6B 100%);
    background: linear-gradient(to bottom, #969790 0%, #868A7C 50%, #757D6B 100%);
}
</style>