#00042F - #B6B7C3 | colorate

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

Blend #00042F to #B6B7C3

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

RGBブレンド

#00042F - #B6B7C3 | colorate

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

0.0%	0.0% #00042F	RGB 0 4 47	#00042F
16.7%	16.7% #1E2147	RGB 30 33 71	#1E2147
33.3%	33.3% #3C3F60	RGB 60 63 96	#3C3F60
50.0%	50.0% #5B5D79	RGB 91 93 121	#5B5D79
66.7%	66.7% #797B91	RGB 121 123 145	#797B91
83.3%	83.3% #9799AA	RGB 151 153 170	#9799AA
100.0%	100.0% #B6B7C3	RGB 182 183 195	#B6B7C3

#00042F #1E2147 #3C3F60 #5B5D79 #797B91 #9799AA #B6B7C3

#00042F - #B6B7C3

HSVブレンド

#00042F - #B6B7C3 | colorate

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

0.0%	0.0% #00032F	RGB 0 3 47	#00032F
16.7%	16.7% #0B1047	RGB 11 16 71	#0B1047
33.3%	33.3% #1D2360	RGB 29 35 96	#1D2360
50.0%	50.0% #383D79	RGB 56 61 121	#383D79
66.7%	66.7% #5A5F91	RGB 90 95 145	#5A5F91
83.3%	83.3% #8487AA	RGB 132 135 170	#8487AA
100.0%	100.0% #B6B7C3	RGB 182 183 195	#B6B7C3

#00032F #0B1047 #1D2360 #383D79 #5A5F91 #8487AA #B6B7C3

#00042F - #383D79 - #B6B7C3

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00032F 0%, #383D79 50%, #B6B7C3 100%);
    background: -webkit-linear-gradient(top, #00032F 0%, #383D79 50%, #B6B7C3 100%);
    background: linear-gradient(to bottom, #00032F 0%, #383D79 50%, #B6B7C3 100%);
}
</style>