#443634 - #441702 | colorate

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

Blend #443634 to #441702

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

RGBブレンド

#443634 - #441702 | colorate

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

0.0%	0.0% #443634	RGB 68 54 52	#443634
16.7%	16.7% #44302B	RGB 68 48 43	#44302B
33.3%	33.3% #442B23	RGB 68 43 35	#442B23
50.0%	50.0% #44261B	RGB 68 38 27	#44261B
66.7%	66.7% #442112	RGB 68 33 18	#442112
83.3%	83.3% #441C0A	RGB 68 28 10	#441C0A
100.0%	100.0% #441702	RGB 68 23 2	#441702

#443634 #44302B #442B23 #44261B #442112 #441C0A #441702

#443634 - #441702

HSVブレンド

#443634 - #441702 | colorate

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

0.0%	0.0% #443634	RGB 68 54 52	#443634
16.7%	16.7% #442F2B	RGB 68 47 43	#442F2B
33.3%	33.3% #442923	RGB 68 41 35	#442923
50.0%	50.0% #44241B	RGB 68 36 27	#44241B
66.7%	66.7% #441F12	RGB 68 31 18	#441F12
83.3%	83.3% #441A0A	RGB 68 26 10	#441A0A
100.0%	100.0% #441702	RGB 68 23 2	#441702

#443634 #442F2B #442923 #44241B #441F12 #441A0A #441702

#443634 - #44241B - #441702

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #443634 0%, #44241B 50%, #441702 100%);
    background: -webkit-linear-gradient(top, #443634 0%, #44241B 50%, #441702 100%);
    background: linear-gradient(to bottom, #443634 0%, #44241B 50%, #441702 100%);
}
</style>