#8F661E - #052800 | colorate

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

Blend #8F661E to #052800

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

RGBブレンド

#8F661E - #052800 | colorate

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

0.0%	0.0% #8F661E	RGB 143 102 30	#8F661E
16.7%	16.7% #785B19	RGB 120 91 25	#785B19
33.3%	33.3% #615114	RGB 97 81 20	#615114
50.0%	50.0% #4A470F	RGB 74 71 15	#4A470F
66.7%	66.7% #333C0A	RGB 51 60 10	#333C0A
83.3%	83.3% #1C3205	RGB 28 50 5	#1C3205
100.0%	100.0% #052800	RGB 5 40 0	#052800

#8F661E #785B19 #615114 #4A470F #333C0A #1C3205 #052800

#8F661E - #052800

HSVブレンド

#8F661E - #052800 | colorate

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

0.0%	0.0% #8F661E	RGB 143 102 30	#8F661E
16.7%	16.7% #7D6D15	RGB 125 109 21	#7D6D15
33.3%	33.3% #686C0F	RGB 104 108 15	#686C0F
50.0%	50.0% #465B09	RGB 70 91 9	#465B09
66.7%	66.7% #2A4A05	RGB 42 74 5	#2A4A05
83.3%	83.3% #143901	RGB 20 57 1	#143901
100.0%	100.0% #052800	RGB 5 40 0	#052800

#8F661E #7D6D15 #686C0F #465B09 #2A4A05 #143901 #052800

#8F661E - #465B09 - #052800

CSSコード

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

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