#202022 - #000E0E | colorate

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

Blend #202022 to #000E0E

#202022 #000E0E

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

RGBブレンド

#202022 - #000E0E | colorate

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

0.0%	0.0% #202022	RGB 32 32 34	#202022
16.7%	16.7% #1A1D1E	RGB 26 29 30	#1A1D1E
33.3%	33.3% #151A1B	RGB 21 26 27	#151A1B
50.0%	50.0% #101718	RGB 16 23 24	#101718
66.7%	66.7% #0A1414	RGB 10 20 20	#0A1414
83.3%	83.3% #051111	RGB 5 17 17	#051111
100.0%	100.0% #000E0E	RGB 0 14 14	#000E0E

#202022 #1A1D1E #151A1B #101718 #0A1414 #051111 #000E0E

#202022 - #000E0E

HSVブレンド

#202022 - #000E0E | colorate

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

0.0%	0.0% #202022	RGB 32 32 34	#202022
16.7%	16.7% #18191E	RGB 24 25 30	#18191E
33.3%	33.3% #11141B	RGB 17 20 27	#11141B
50.0%	50.0% #0B1118	RGB 11 17 24	#0B1118
66.7%	66.7% #060F14	RGB 6 15 20	#060F14
83.3%	83.3% #020E11	RGB 2 14 17	#020E11
100.0%	100.0% #000E0E	RGB 0 14 14	#000E0E

#202022 #18191E #11141B #0B1118 #060F14 #020E11 #000E0E

#202022 - #0B1118 - #000E0E

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #202022 0%, #0B1118 50%, #000E0E 100%);
    background: -webkit-linear-gradient(top, #202022 0%, #0B1118 50%, #000E0E 100%);
    background: linear-gradient(to bottom, #202022 0%, #0B1118 50%, #000E0E 100%);
}
</style>