#908C84 - #684D2E | colorate

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

Blend #908C84 to #684D2E

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

RGBブレンド

#908C84 - #684D2E | colorate

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

0.0%	0.0% #908C84	RGB 144 140 132	#908C84
16.7%	16.7% #898175	RGB 137 129 117	#898175
33.3%	33.3% #827767	RGB 130 119 103	#827767
50.0%	50.0% #7C6C59	RGB 124 108 89	#7C6C59
66.7%	66.7% #75624A	RGB 117 98 74	#75624A
83.3%	83.3% #6E573C	RGB 110 87 60	#6E573C
100.0%	100.0% #684D2E	RGB 104 77 46	#684D2E

#908C84 #898175 #827767 #7C6C59 #75624A #6E573C #684D2E

#908C84 - #684D2E

HSVブレンド

#908C84 - #684D2E | colorate

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

0.0%	0.0% #908C84	RGB 144 140 132	#908C84
16.7%	16.7% #898173	RGB 137 129 115	#898173
33.3%	33.3% #827663	RGB 130 118 99	#827663
50.0%	50.0% #7C6C54	RGB 124 108 84	#7C6C54
66.7%	66.7% #756146	RGB 117 97 70	#756146
83.3%	83.3% #6E5739	RGB 110 87 57	#6E5739
100.0%	100.0% #684D2E	RGB 104 77 46	#684D2E

#908C84 #898173 #827663 #7C6C54 #756146 #6E5739 #684D2E

#908C84 - #7C6C54 - #684D2E

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #908C84 0%, #7C6C54 50%, #684D2E 100%);
    background: -webkit-linear-gradient(top, #908C84 0%, #7C6C54 50%, #684D2E 100%);
    background: linear-gradient(to bottom, #908C84 0%, #7C6C54 50%, #684D2E 100%);
}
</style>