#2E3233 - #020416 | colorate

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

Blend #2E3233 to #020416

#2E3233 #020416

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

RGBブレンド

#2E3233 - #020416 | colorate

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

0.0%	0.0% #2E3233	RGB 46 50 51	#2E3233
16.7%	16.7% #262A2E	RGB 38 42 46	#262A2E
33.3%	33.3% #1F2229	RGB 31 34 41	#1F2229
50.0%	50.0% #181B24	RGB 24 27 36	#181B24
66.7%	66.7% #10131F	RGB 16 19 31	#10131F
83.3%	83.3% #090B1A	RGB 9 11 26	#090B1A
100.0%	100.0% #020416	RGB 2 4 22	#020416

#2E3233 #262A2E #1F2229 #181B24 #10131F #090B1A #020416

#2E3233 - #020416

HSVブレンド

#2E3233 - #020416 | colorate

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

0.0%	0.0% #2E3233	RGB 46 50 51	#2E3233
16.7%	16.7% #232A2E	RGB 35 42 46	#232A2E
33.3%	33.3% #1A2229	RGB 26 34 41	#1A2229
50.0%	50.0% #121A24	RGB 18 26 36	#121A24
66.7%	66.7% #0B121F	RGB 11 18 31	#0B121F
83.3%	83.3% #060A1A	RGB 6 10 26	#060A1A
100.0%	100.0% #020416	RGB 2 4 22	#020416

#2E3233 #232A2E #1A2229 #121A24 #0B121F #060A1A #020416

#2E3233 - #121A24 - #020416

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2E3233 0%, #121A24 50%, #020416 100%);
    background: -webkit-linear-gradient(top, #2E3233 0%, #121A24 50%, #020416 100%);
    background: linear-gradient(to bottom, #2E3233 0%, #121A24 50%, #020416 100%);
}
</style>