#191B1A - #00101A | colorate

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

Blend #191B1A to #00101A

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

RGBブレンド

#191B1A - #00101A | colorate

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

0.0%	0.0% #191B1A	RGB 25 27 26	#191B1A
16.7%	16.7% #14191A	RGB 20 25 26	#14191A
33.3%	33.3% #10171A	RGB 16 23 26	#10171A
50.0%	50.0% #0C151A	RGB 12 21 26	#0C151A
66.7%	66.7% #08131A	RGB 8 19 26	#08131A
83.3%	83.3% #04111A	RGB 4 17 26	#04111A
100.0%	100.0% #00101A	RGB 0 16 26	#00101A

#191B1A #14191A #10171A #0C151A #08131A #04111A #00101A

#191B1A - #00101A

HSVブレンド

#191B1A - #00101A | colorate

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

0.0%	0.0% #191B1A	RGB 25 27 26	#191B1A
16.7%	16.7% #141A18	RGB 20 26 24	#141A18
33.3%	33.3% #101A18	RGB 16 26 24	#101A18
50.0%	50.0% #0C1A19	RGB 12 26 25	#0C1A19
66.7%	66.7% #08181A	RGB 8 24 26	#08181A
83.3%	83.3% #04141A	RGB 4 20 26	#04141A
100.0%	100.0% #00101A	RGB 0 16 26	#00101A

#191B1A #141A18 #101A18 #0C1A19 #08181A #04141A #00101A

#191B1A - #0C1A19 - #00101A

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #191B1A 0%, #0C1A19 50%, #00101A 100%);
    background: -webkit-linear-gradient(top, #191B1A 0%, #0C1A19 50%, #00101A 100%);
    background: linear-gradient(to bottom, #191B1A 0%, #0C1A19 50%, #00101A 100%);
}
</style>