#3F8F3D - #156209 | colorate

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

Blend #3F8F3D to #156209

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

RGBブレンド

#3F8F3D - #156209 | colorate

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

0.0%	0.0% #3F8F3D	RGB 63 143 61	#3F8F3D
16.7%	16.7% #388734	RGB 56 135 52	#388734
33.3%	33.3% #31802B	RGB 49 128 43	#31802B
50.0%	50.0% #2A7823	RGB 42 120 35	#2A7823
66.7%	66.7% #23711A	RGB 35 113 26	#23711A
83.3%	83.3% #1C6911	RGB 28 105 17	#1C6911
100.0%	100.0% #156209	RGB 21 98 9	#156209

#3F8F3D #388734 #31802B #2A7823 #23711A #1C6911 #156209

#3F8F3D - #156209

HSVブレンド

#3F8F3D - #156209 | colorate

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

0.0%	0.0% #3F8F3D	RGB 63 143 61	#3F8F3D
16.7%	16.7% #358732	RGB 53 135 50	#358732
33.3%	33.3% #2D8028	RGB 45 128 40	#2D8028
50.0%	50.0% #26781F	RGB 38 120 31	#26781F
66.7%	66.7% #1F7116	RGB 31 113 22	#1F7116
83.3%	83.3% #1A690F	RGB 26 105 15	#1A690F
100.0%	100.0% #156209	RGB 21 98 9	#156209

#3F8F3D #358732 #2D8028 #26781F #1F7116 #1A690F #156209

#3F8F3D - #26781F - #156209

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3F8F3D 0%, #26781F 50%, #156209 100%);
    background: -webkit-linear-gradient(top, #3F8F3D 0%, #26781F 50%, #156209 100%);
    background: linear-gradient(to bottom, #3F8F3D 0%, #26781F 50%, #156209 100%);
}
</style>