#041828 - #01070B | colorate

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

Blend #041828 to #01070B

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

RGBブレンド

#041828 - #01070B | colorate

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

0.0%	0.0% #041828	RGB 4 24 40	#041828
16.7%	16.7% #031523	RGB 3 21 35	#031523
33.3%	33.3% #03121E	RGB 3 18 30	#03121E
50.0%	50.0% #020F19	RGB 2 15 25	#020F19
66.7%	66.7% #020C14	RGB 2 12 20	#020C14
83.3%	83.3% #01090F	RGB 1 9 15	#01090F
100.0%	100.0% #01070B	RGB 1 7 11	#01070B

#041828 #031523 #03121E #020F19 #020C14 #01090F #01070B

#041828 - #01070B

HSVブレンド

#041828 - #01070B | colorate

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

0.0%	0.0% #041728	RGB 4 23 40	#041728
16.7%	16.7% #031523	RGB 3 21 35	#031523
33.3%	33.3% #02121E	RGB 2 18 30	#02121E
50.0%	50.0% #020F19	RGB 2 15 25	#020F19
66.7%	66.7% #010C14	RGB 1 12 20	#010C14
83.3%	83.3% #01090F	RGB 1 9 15	#01090F
100.0%	100.0% #01070B	RGB 1 7 11	#01070B

#041728 #031523 #02121E #020F19 #010C14 #01090F #01070B

#041828 - #020F19 - #01070B

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #041728 0%, #020F19 50%, #01070B 100%);
    background: -webkit-linear-gradient(top, #041728 0%, #020F19 50%, #01070B 100%);
    background: linear-gradient(to bottom, #041728 0%, #020F19 50%, #01070B 100%);
}
</style>