#3E492D - #C7CBC3 | colorate

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

Blend #3E492D to #C7CBC3

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

RGBブレンド

#3E492D - #C7CBC3 | colorate

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

0.0%	0.0% #3E492D	RGB 62 73 45	#3E492D
16.7%	16.7% #545E46	RGB 84 94 70	#545E46
33.3%	33.3% #6B745F	RGB 107 116 95	#6B745F
50.0%	50.0% #828A78	RGB 130 138 120	#828A78
66.7%	66.7% #999F91	RGB 153 159 145	#999F91
83.3%	83.3% #B0B5AA	RGB 176 181 170	#B0B5AA
100.0%	100.0% #C7CBC3	RGB 199 203 195	#C7CBC3

#3E492D #545E46 #6B745F #828A78 #999F91 #B0B5AA #C7CBC3

#3E492D - #C7CBC3

HSVブレンド

#3E492D - #C7CBC3 | colorate

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

0.0%	0.0% #3E492D	RGB 62 73 45	#3E492D
16.7%	16.7% #515E3F	RGB 81 94 63	#515E3F
33.3%	33.3% #667455	RGB 102 116 85	#667455
50.0%	50.0% #7C8A6C	RGB 124 138 108	#7C8A6C
66.7%	66.7% #949F87	RGB 148 159 135	#949F87
83.3%	83.3% #ACB5A3	RGB 172 181 163	#ACB5A3
100.0%	100.0% #C7CBC3	RGB 199 203 195	#C7CBC3

#3E492D #515E3F #667455 #7C8A6C #949F87 #ACB5A3 #C7CBC3

#3E492D - #7C8A6C - #C7CBC3

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E492D 0%, #7C8A6C 50%, #C7CBC3 100%);
    background: -webkit-linear-gradient(top, #3E492D 0%, #7C8A6C 50%, #C7CBC3 100%);
    background: linear-gradient(to bottom, #3E492D 0%, #7C8A6C 50%, #C7CBC3 100%);
}
</style>