#1B323D - #071011 | colorate

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

Blend #1B323D to #071011

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

RGBブレンド

#1B323D - #071011 | colorate

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

0.0%	0.0% #1B323D	RGB 27 50 61	#1B323D
16.7%	16.7% #172C35	RGB 23 44 53	#172C35
33.3%	33.3% #14262E	RGB 20 38 46	#14262E
50.0%	50.0% #112127	RGB 17 33 39	#112127
66.7%	66.7% #0D1B1F	RGB 13 27 31	#0D1B1F
83.3%	83.3% #0A1518	RGB 10 21 24	#0A1518
100.0%	100.0% #071011	RGB 7 16 17	#071011

#1B323D #172C35 #14262E #112127 #0D1B1F #0A1518 #071011

#1B323D - #071011

HSVブレンド

#1B323D - #071011 | colorate

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

0.0%	0.0% #1B323D	RGB 27 50 61	#1B323D
16.7%	16.7% #172D35	RGB 23 45 53	#172D35
33.3%	33.3% #14272E	RGB 20 39 46	#14272E
50.0%	50.0% #102227	RGB 16 34 39	#102227
66.7%	66.7% #0D1C1F	RGB 13 28 31	#0D1C1F
83.3%	83.3% #0A1618	RGB 10 22 24	#0A1618
100.0%	100.0% #071011	RGB 7 16 17	#071011

#1B323D #172D35 #14272E #102227 #0D1C1F #0A1618 #071011

#1B323D - #102227 - #071011

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1B323D 0%, #102227 50%, #071011 100%);
    background: -webkit-linear-gradient(top, #1B323D 0%, #102227 50%, #071011 100%);
    background: linear-gradient(to bottom, #1B323D 0%, #102227 50%, #071011 100%);
}
</style>