#8F675B - #F2B17C | colorate

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

Blend #8F675B to #F2B17C

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

RGBブレンド

#8F675B - #F2B17C | colorate

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

0.0%	0.0% #8F675B	RGB 143 103 91	#8F675B
16.7%	16.7% #9F7360	RGB 159 115 96	#9F7360
33.3%	33.3% #B07F66	RGB 176 127 102	#B07F66
50.0%	50.0% #C08C6B	RGB 192 140 107	#C08C6B
66.7%	66.7% #D19871	RGB 209 152 113	#D19871
83.3%	83.3% #E1A476	RGB 225 164 118	#E1A476
100.0%	100.0% #F2B17C	RGB 242 177 124	#F2B17C

#8F675B #9F7360 #B07F66 #C08C6B #D19871 #E1A476 #F2B17C

#8F675B - #F2B17C

HSVブレンド

#8F675B - #F2B17C | colorate

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

0.0%	0.0% #8F675B	RGB 143 103 91	#8F675B
16.7%	16.7% #9F7262	RGB 159 114 98	#9F7262
33.3%	33.3% #B07E68	RGB 176 126 104	#B07E68
50.0%	50.0% #C08A6E	RGB 192 138 110	#C08A6E
66.7%	66.7% #D19673	RGB 209 150 115	#D19673
83.3%	83.3% #E1A378	RGB 225 163 120	#E1A378
100.0%	100.0% #F2B17C	RGB 242 177 124	#F2B17C

#8F675B #9F7262 #B07E68 #C08A6E #D19673 #E1A378 #F2B17C

#8F675B - #C08A6E - #F2B17C

CSSコード

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

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