#8F8C52 - #655614 | colorate

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

Blend #8F8C52 to #655614

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

RGBブレンド

#8F8C52 - #655614 | colorate

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

0.0%	0.0% #8F8C52	RGB 143 140 82	#8F8C52
16.7%	16.7% #888347	RGB 136 131 71	#888347
33.3%	33.3% #817A3D	RGB 129 122 61	#817A3D
50.0%	50.0% #7A7133	RGB 122 113 51	#7A7133
66.7%	66.7% #736828	RGB 115 104 40	#736828
83.3%	83.3% #6C5F1E	RGB 108 95 30	#6C5F1E
100.0%	100.0% #655614	RGB 101 86 20	#655614

#8F8C52 #888347 #817A3D #7A7133 #736828 #6C5F1E #655614

#8F8C52 - #655614

HSVブレンド

#8F8C52 - #655614 | colorate

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

0.0%	0.0% #8F8C52	RGB 143 140 82	#8F8C52
16.7%	16.7% #888345	RGB 136 131 69	#888345
33.3%	33.3% #817A39	RGB 129 122 57	#817A39
50.0%	50.0% #7A712F	RGB 122 113 47	#7A712F
66.7%	66.7% #736825	RGB 115 104 37	#736825
83.3%	83.3% #6C5F1C	RGB 108 95 28	#6C5F1C
100.0%	100.0% #655614	RGB 101 86 20	#655614

#8F8C52 #888345 #817A39 #7A712F #736825 #6C5F1C #655614

#8F8C52 - #7A712F - #655614

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8F8C52 0%, #7A712F 50%, #655614 100%);
    background: -webkit-linear-gradient(top, #8F8C52 0%, #7A712F 50%, #655614 100%);
    background: linear-gradient(to bottom, #8F8C52 0%, #7A712F 50%, #655614 100%);
}
</style>