#8F6A24 - #583C05 | colorate

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

Blend #8F6A24 to #583C05

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

RGBブレンド

#8F6A24 - #583C05 | colorate

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

0.0%	0.0% #8F6A24	RGB 143 106 36	#8F6A24
16.7%	16.7% #85621E	RGB 133 98 30	#85621E
33.3%	33.3% #7C5A19	RGB 124 90 25	#7C5A19
50.0%	50.0% #735314	RGB 115 83 20	#735314
66.7%	66.7% #6A4B0F	RGB 106 75 15	#6A4B0F
83.3%	83.3% #61430A	RGB 97 67 10	#61430A
100.0%	100.0% #583C05	RGB 88 60 5	#583C05

#8F6A24 #85621E #7C5A19 #735314 #6A4B0F #61430A #583C05

#8F6A24 - #583C05

HSVブレンド

#8F6A24 - #583C05 | colorate

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

0.0%	0.0% #8F6A24	RGB 143 106 36	#8F6A24
16.7%	16.7% #85611D	RGB 133 97 29	#85611D
33.3%	33.3% #7C5917	RGB 124 89 23	#7C5917
50.0%	50.0% #735211	RGB 115 82 17	#735211
66.7%	66.7% #6A4A0C	RGB 106 74 12	#6A4A0C
83.3%	83.3% #614308	RGB 97 67 8	#614308
100.0%	100.0% #583C05	RGB 88 60 5	#583C05

#8F6A24 #85611D #7C5917 #735211 #6A4A0C #614308 #583C05

#8F6A24 - #735211 - #583C05

CSSコード

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

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