#8F5550 - #EDA071 | colorate

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

Blend #8F5550 to #EDA071

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

RGBブレンド

#8F5550 - #EDA071 | colorate

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

0.0%	0.0% #8F5550	RGB 143 85 80	#8F5550
16.7%	16.7% #9E6155	RGB 158 97 85	#9E6155
33.3%	33.3% #AE6E5B	RGB 174 110 91	#AE6E5B
50.0%	50.0% #BE7A60	RGB 190 122 96	#BE7A60
66.7%	66.7% #CD8766	RGB 205 135 102	#CD8766
83.3%	83.3% #DD936B	RGB 221 147 107	#DD936B
100.0%	100.0% #EDA071	RGB 237 160 113	#EDA071

#8F5550 #9E6155 #AE6E5B #BE7A60 #CD8766 #DD936B #EDA071

#8F5550 - #EDA071

HSVブレンド

#8F5550 - #EDA071 | colorate

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

0.0%	0.0% #8F5550	RGB 143 85 80	#8F5550
16.7%	16.7% #9E5F56	RGB 158 95 86	#9E5F56
33.3%	33.3% #AE6B5C	RGB 174 107 92	#AE6B5C
50.0%	50.0% #BE7762	RGB 190 119 98	#BE7762
66.7%	66.7% #CD8467	RGB 205 132 103	#CD8467
83.3%	83.3% #DD916C	RGB 221 145 108	#DD916C
100.0%	100.0% #EDA071	RGB 237 160 113	#EDA071

#8F5550 #9E5F56 #AE6B5C #BE7762 #CD8467 #DD916C #EDA071

#8F5550 - #BE7762 - #EDA071

CSSコード

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

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