#8F686F - #754D49 | colorate

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

Blend #8F686F to #754D49

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

RGBブレンド

#8F686F - #754D49 | colorate

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

0.0%	0.0% #8F686F	RGB 143 104 111	#8F686F
16.7%	16.7% #8A6368	RGB 138 99 104	#8A6368
33.3%	33.3% #865F62	RGB 134 95 98	#865F62
50.0%	50.0% #825A5C	RGB 130 90 92	#825A5C
66.7%	66.7% #7D5655	RGB 125 86 85	#7D5655
83.3%	83.3% #79514F	RGB 121 81 79	#79514F
100.0%	100.0% #754D49	RGB 117 77 73	#754D49

#8F686F #8A6368 #865F62 #825A5C #7D5655 #79514F #754D49

#8F686F - #754D49

HSVブレンド

#8F686F - #754D49 | colorate

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

0.0%	0.0% #8F686F	RGB 143 104 111	#8F686F
16.7%	16.7% #8A6267	RGB 138 98 103	#8A6267
33.3%	33.3% #865D60	RGB 134 93 96	#865D60
50.0%	50.0% #825759	RGB 130 87 89	#825759
66.7%	66.7% #7D5252	RGB 125 82 82	#7D5252
83.3%	83.3% #794F4D	RGB 121 79 77	#794F4D
100.0%	100.0% #754D49	RGB 117 77 73	#754D49

#8F686F #8A6267 #865D60 #825759 #7D5252 #794F4D #754D49

#8F686F - #825759 - #754D49

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8F686F 0%, #825759 50%, #754D49 100%);
    background: -webkit-linear-gradient(top, #8F686F 0%, #825759 50%, #754D49 100%);
    background: linear-gradient(to bottom, #8F686F 0%, #825759 50%, #754D49 100%);
}
</style>