#001930 - #B6BCC3 | colorate

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

Blend #001930 to #B6BCC3

#001930 #B6BCC3

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

RGBブレンド

#001930 - #B6BCC3 | colorate

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

0.0%	0.0% #001930	RGB 0 25 48	#001930
16.7%	16.7% #1E3448	RGB 30 52 72	#1E3448
33.3%	33.3% #3C4F61	RGB 60 79 97	#3C4F61
50.0%	50.0% #5B6A79	RGB 91 106 121	#5B6A79
66.7%	66.7% #798592	RGB 121 133 146	#798592
83.3%	83.3% #97A0AA	RGB 151 160 170	#97A0AA
100.0%	100.0% #B6BCC3	RGB 182 188 195	#B6BCC3

#001930 #1E3448 #3C4F61 #5B6A79 #798592 #97A0AA #B6BCC3

#001930 - #B6BCC3

HSVブレンド

#001930 - #B6BCC3 | colorate

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

0.0%	0.0% #001930	RGB 0 25 48	#001930
16.7%	16.7% #0B2A48	RGB 11 42 72	#0B2A48
33.3%	33.3% #1E3F61	RGB 30 63 97	#1E3F61
50.0%	50.0% #385879	RGB 56 88 121	#385879
66.7%	66.7% #5A7592	RGB 90 117 146	#5A7592
83.3%	83.3% #8496AA	RGB 132 150 170	#8496AA
100.0%	100.0% #B6BCC3	RGB 182 188 195	#B6BCC3

#001930 #0B2A48 #1E3F61 #385879 #5A7592 #8496AA #B6BCC3

#001930 - #385879 - #B6BCC3

CSSコード

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

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