#262730 - #000428 | colorate

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

Blend #262730 to #000428

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

RGBブレンド

#262730 - #000428 | colorate

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

0.0%	0.0% #262730	RGB 38 39 48	#262730
16.7%	16.7% #1F212E	RGB 31 33 46	#1F212E
33.3%	33.3% #191B2D	RGB 25 27 45	#191B2D
50.0%	50.0% #13152C	RGB 19 21 44	#13152C
66.7%	66.7% #0C0F2A	RGB 12 15 42	#0C0F2A
83.3%	83.3% #060929	RGB 6 9 41	#060929
100.0%	100.0% #000428	RGB 0 4 40	#000428

#262730 #1F212E #191B2D #13152C #0C0F2A #060929 #000428

#262730 - #000428

HSVブレンド

#262730 - #000428 | colorate

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

0.0%	0.0% #262730	RGB 38 39 48	#262730
16.7%	16.7% #1E202E	RGB 30 32 46	#1E202E
33.3%	33.3% #171A2D	RGB 23 26 45	#171A2D
50.0%	50.0% #11142C	RGB 17 20 44	#11142C
66.7%	66.7% #0B0E2A	RGB 11 14 42	#0B0E2A
83.3%	83.3% #050929	RGB 5 9 41	#050929
100.0%	100.0% #000428	RGB 0 4 40	#000428

#262730 #1E202E #171A2D #11142C #0B0E2A #050929 #000428

#262730 - #11142C - #000428

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #262730 0%, #11142C 50%, #000428 100%);
    background: -webkit-linear-gradient(top, #262730 0%, #11142C 50%, #000428 100%);
    background: linear-gradient(to bottom, #262730 0%, #11142C 50%, #000428 100%);
}
</style>