#34231F - #4D3626 | colorate

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

Blend #34231F to #4D3626

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

RGBブレンド

#34231F - #4D3626 | colorate

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

0.0%	0.0% #34231F	RGB 52 35 31	#34231F
16.7%	16.7% #382620	RGB 56 38 32	#382620
33.3%	33.3% #3C2921	RGB 60 41 33	#3C2921
50.0%	50.0% #402C22	RGB 64 44 34	#402C22
66.7%	66.7% #442F23	RGB 68 47 35	#442F23
83.3%	83.3% #483224	RGB 72 50 36	#483224
100.0%	100.0% #4D3626	RGB 77 54 38	#4D3626

#34231F #382620 #3C2921 #402C22 #442F23 #483224 #4D3626

#34231F - #4D3626

HSVブレンド

#34231F - #4D3626 | colorate

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

0.0%	0.0% #34231F	RGB 52 35 31	#34231F
16.7%	16.7% #382520	RGB 56 37 32	#382520
33.3%	33.3% #3C2821	RGB 60 40 33	#3C2821
50.0%	50.0% #402B23	RGB 64 43 35	#402B23
66.7%	66.7% #442F24	RGB 68 47 36	#442F24
83.3%	83.3% #483225	RGB 72 50 37	#483225
100.0%	100.0% #4D3626	RGB 77 54 38	#4D3626

#34231F #382520 #3C2821 #402B23 #442F24 #483225 #4D3626

#34231F - #402B23 - #4D3626

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #34231F 0%, #402B23 50%, #4D3626 100%);
    background: -webkit-linear-gradient(top, #34231F 0%, #402B23 50%, #4D3626 100%);
    background: linear-gradient(to bottom, #34231F 0%, #402B23 50%, #4D3626 100%);
}
</style>