#443F40 - #221307 | colorate

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

Blend #443F40 to #221307

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

RGBブレンド

#443F40 - #221307 | colorate

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

0.0%	0.0% #443F40	RGB 68 63 64	#443F40
16.7%	16.7% #3E3736	RGB 62 55 54	#3E3736
33.3%	33.3% #38302D	RGB 56 48 45	#38302D
50.0%	50.0% #332923	RGB 51 41 35	#332923
66.7%	66.7% #2D211A	RGB 45 33 26	#2D211A
83.3%	83.3% #271A10	RGB 39 26 16	#271A10
100.0%	100.0% #221307	RGB 34 19 7	#221307

#443F40 #3E3736 #38302D #332923 #2D211A #271A10 #221307

#443F40 - #221307

HSVブレンド

#443F40 - #221307 | colorate

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

0.0%	0.0% #443F40	RGB 68 63 64	#443F40
16.7%	16.7% #3E3233	RGB 62 50 51	#3E3233
33.3%	33.3% #382726	RGB 56 39 38	#382726
50.0%	50.0% #331F1C	RGB 51 31 28	#331F1C
66.7%	66.7% #2D1914	RGB 45 25 20	#2D1914
83.3%	83.3% #27150C	RGB 39 21 12	#27150C
100.0%	100.0% #221307	RGB 34 19 7	#221307

#443F40 #3E3233 #382726 #331F1C #2D1914 #27150C #221307

#443F40 - #331F1C - #221307

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #443F40 0%, #331F1C 50%, #221307 100%);
    background: -webkit-linear-gradient(top, #443F40 0%, #331F1C 50%, #221307 100%);
    background: linear-gradient(to bottom, #443F40 0%, #331F1C 50%, #221307 100%);
}
</style>