#44483B - #232D00 | colorate

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

Blend #44483B to #232D00

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

RGBブレンド

#44483B - #232D00 | colorate

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

0.0%	0.0% #44483B	RGB 68 72 59	#44483B
16.7%	16.7% #3E4331	RGB 62 67 49	#3E4331
33.3%	33.3% #393F27	RGB 57 63 39	#393F27
50.0%	50.0% #333A1D	RGB 51 58 29	#333A1D
66.7%	66.7% #2E3613	RGB 46 54 19	#2E3613
83.3%	83.3% #283109	RGB 40 49 9	#283109
100.0%	100.0% #232D00	RGB 35 45 0	#232D00

#44483B #3E4331 #393F27 #333A1D #2E3613 #283109 #232D00

#44483B - #232D00

HSVブレンド

#44483B - #232D00 | colorate

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

0.0%	0.0% #44483B	RGB 68 72 59	#44483B
16.7%	16.7% #3D432E	RGB 61 67 46	#3D432E
33.3%	33.3% #373F22	RGB 55 63 34	#373F22
50.0%	50.0% #313A17	RGB 49 58 23	#313A17
66.7%	66.7% #2C360E	RGB 44 54 14	#2C360E
83.3%	83.3% #273106	RGB 39 49 6	#273106
100.0%	100.0% #232D00	RGB 35 45 0	#232D00

#44483B #3D432E #373F22 #313A17 #2C360E #273106 #232D00

#44483B - #313A17 - #232D00

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #44483B 0%, #313A17 50%, #232D00 100%);
    background: -webkit-linear-gradient(top, #44483B 0%, #313A17 50%, #232D00 100%);
    background: linear-gradient(to bottom, #44483B 0%, #313A17 50%, #232D00 100%);
}
</style>