#FF8F28 - #8D3B05 | colorate

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

Blend #FF8F28 to #8D3B05

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

RGBブレンド

#FF8F28 - #8D3B05 | colorate

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

0.0%	0.0% #FF8F28	RGB 255 143 40	#FF8F28
16.7%	16.7% #EC8122	RGB 236 129 34	#EC8122
33.3%	33.3% #D9731C	RGB 217 115 28	#D9731C
50.0%	50.0% #C66516	RGB 198 101 22	#C66516
66.7%	66.7% #B35710	RGB 179 87 16	#B35710
83.3%	83.3% #A0490A	RGB 160 73 10	#A0490A
100.0%	100.0% #8D3B05	RGB 141 59 5	#8D3B05

#FF8F28 #EC8122 #D9731C #C66516 #B35710 #A0490A #8D3B05

#FF8F28 - #8D3B05

HSVブレンド

#FF8F28 - #8D3B05 | colorate

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

0.0%	0.0% #FF8F27	RGB 255 143 39	#FF8F27
16.7%	16.7% #EC7F20	RGB 236 127 32	#EC7F20
33.3%	33.3% #D96F19	RGB 217 111 25	#D96F19
50.0%	50.0% #C66113	RGB 198 97 19	#C66113
66.7%	66.7% #B3530D	RGB 179 83 13	#B3530D
83.3%	83.3% #A04608	RGB 160 70 8	#A04608
100.0%	100.0% #8D3B05	RGB 141 59 5	#8D3B05

#FF8F27 #EC7F20 #D96F19 #C66113 #B3530D #A04608 #8D3B05

#FF8F28 - #C66113 - #8D3B05

CSSコード

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

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