#282639 - #180009 | colorate

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

Blend #282639 to #180009

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

RGBブレンド

#282639 - #180009 | colorate

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

0.0%	0.0% #282639	RGB 40 38 57	#282639
16.7%	16.7% #251F31	RGB 37 31 49	#251F31
33.3%	33.3% #221929	RGB 34 25 41	#221929
50.0%	50.0% #201321	RGB 32 19 33	#201321
66.7%	66.7% #1D0C19	RGB 29 12 25	#1D0C19
83.3%	83.3% #1A0611	RGB 26 6 17	#1A0611
100.0%	100.0% #180009	RGB 24 0 9	#180009

#282639 #251F31 #221929 #201321 #1D0C19 #1A0611 #180009

#282639 - #180009

HSVブレンド

#282639 - #180009 | colorate

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

0.0%	0.0% #282639	RGB 40 38 57	#282639
16.7%	16.7% #241C33	RGB 36 28 51	#241C33
33.3%	33.3% #24142E	RGB 36 20 46	#24142E
50.0%	50.0% #240D28	RGB 36 13 40	#240D28
66.7%	66.7% #23071F	RGB 35 7 31	#23071F
83.3%	83.3% #1D0313	RGB 29 3 19	#1D0313
100.0%	100.0% #180009	RGB 24 0 9	#180009

#282639 #241C33 #24142E #240D28 #23071F #1D0313 #180009

#282639 - #240D28 - #180009

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #282639 0%, #240D28 50%, #180009 100%);
    background: -webkit-linear-gradient(top, #282639 0%, #240D28 50%, #180009 100%);
    background: linear-gradient(to bottom, #282639 0%, #240D28 50%, #180009 100%);
}
</style>