#09480D - #026123 | colorate

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

Blend #09480D to #026123

#09480D #026123

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

RGBブレンド

#09480D - #026123 | colorate

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

0.0%	0.0% #09480D	RGB 9 72 13	#09480D
16.7%	16.7% #074C10	RGB 7 76 16	#074C10
33.3%	33.3% #065014	RGB 6 80 20	#065014
50.0%	50.0% #055418	RGB 5 84 24	#055418
66.7%	66.7% #04581B	RGB 4 88 27	#04581B
83.3%	83.3% #035C1F	RGB 3 92 31	#035C1F
100.0%	100.0% #026123	RGB 2 97 35	#026123

#09480D #074C10 #065014 #055418 #04581B #035C1F #026123

#09480D - #026123

HSVブレンド

#09480D - #026123 | colorate

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

0.0%	0.0% #09480D	RGB 9 72 13	#09480D
16.7%	16.7% #084C0F	RGB 8 76 15	#084C0F
33.3%	33.3% #075012	RGB 7 80 18	#075012
50.0%	50.0% #065416	RGB 6 84 22	#065416
66.7%	66.7% #04581A	RGB 4 88 26	#04581A
83.3%	83.3% #035C1E	RGB 3 92 30	#035C1E
100.0%	100.0% #026123	RGB 2 97 35	#026123

#09480D #084C0F #075012 #065416 #04581A #035C1E #026123

#09480D - #065416 - #026123

CSSコード

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

/* HSV Gradation */
div {
    background: -moz-linear-gradient(top, #09480D 0%, #065416 50%, #026123 100%);
    background: -webkit-linear-gradient(top, #09480D 0%, #065416 50%, #026123 100%);
    background: linear-gradient(to bottom, #09480D 0%, #065416 50%, #026123 100%);
}
</style>