#16181F - #00080D | colorate

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

Blend #16181F to #00080D

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

RGBブレンド

#16181F - #00080D | colorate

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

0.0%	0.0% #16181F	RGB 22 24 31	#16181F
16.7%	16.7% #12151C	RGB 18 21 28	#12151C
33.3%	33.3% #0E1219	RGB 14 18 25	#0E1219
50.0%	50.0% #0B1016	RGB 11 16 22	#0B1016
66.7%	66.7% #070D13	RGB 7 13 19	#070D13
83.3%	83.3% #030A10	RGB 3 10 16	#030A10
100.0%	100.0% #00080D	RGB 0 8 13	#00080D

#16181F #12151C #0E1219 #0B1016 #070D13 #030A10 #00080D

#16181F - #00080D

HSVブレンド

#16181F - #00080D | colorate

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

0.0%	0.0% #16181F	RGB 22 24 31	#16181F
16.7%	16.7% #10131C	RGB 16 19 28	#10131C
33.3%	33.3% #0B1019	RGB 11 16 25	#0B1019
50.0%	50.0% #070D16	RGB 7 13 22	#070D16
66.7%	66.7% #040B13	RGB 4 11 19	#040B13
83.3%	83.3% #010910	RGB 1 9 16	#010910
100.0%	100.0% #00080D	RGB 0 8 13	#00080D

#16181F #10131C #0B1019 #070D16 #040B13 #010910 #00080D

#16181F - #070D16 - #00080D

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #16181F 0%, #070D16 50%, #00080D 100%);
    background: -webkit-linear-gradient(top, #16181F 0%, #070D16 50%, #00080D 100%);
    background: linear-gradient(to bottom, #16181F 0%, #070D16 50%, #00080D 100%);
}
</style>