#4B6B15 - #1D3905 | colorate

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

Blend #4B6B15 to #1D3905

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

RGBブレンド

#4B6B15 - #1D3905 | colorate

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

0.0%	0.0% #4B6B15	RGB 75 107 21	#4B6B15
16.7%	16.7% #436212	RGB 67 98 18	#436212
33.3%	33.3% #3B5A0F	RGB 59 90 15	#3B5A0F
50.0%	50.0% #34520D	RGB 52 82 13	#34520D
66.7%	66.7% #2C490A	RGB 44 73 10	#2C490A
83.3%	83.3% #244107	RGB 36 65 7	#244107
100.0%	100.0% #1D3905	RGB 29 57 5	#1D3905

#4B6B15 #436212 #3B5A0F #34520D #2C490A #244107 #1D3905

#4B6B15 - #1D3905

HSVブレンド

#4B6B15 - #1D3905 | colorate

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

0.0%	0.0% #4B6B14	RGB 75 107 20	#4B6B14
16.7%	16.7% #426211	RGB 66 98 17	#426211
33.3%	33.3% #395A0E	RGB 57 90 14	#395A0E
50.0%	50.0% #31520B	RGB 49 82 11	#31520B
66.7%	66.7% #2A4909	RGB 42 73 9	#2A4909
83.3%	83.3% #234106	RGB 35 65 6	#234106
100.0%	100.0% #1D3905	RGB 29 57 5	#1D3905

#4B6B14 #426211 #395A0E #31520B #2A4909 #234106 #1D3905

#4B6B15 - #31520B - #1D3905

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4B6B14 0%, #31520B 50%, #1D3905 100%);
    background: -webkit-linear-gradient(top, #4B6B14 0%, #31520B 50%, #1D3905 100%);
    background: linear-gradient(to bottom, #4B6B14 0%, #31520B 50%, #1D3905 100%);
}
</style>