#000884 - #B6B8DB | colorate

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

Blend #000884 to #B6B8DB

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

RGBブレンド

#000884 - #B6B8DB | colorate

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

0.0%	0.0% #000884	RGB 0 8 132	#000884
16.7%	16.7% #1E2592	RGB 30 37 146	#1E2592
33.3%	33.3% #3C42A1	RGB 60 66 161	#3C42A1
50.0%	50.0% #5B60AF	RGB 91 96 175	#5B60AF
66.7%	66.7% #797DBE	RGB 121 125 190	#797DBE
83.3%	83.3% #979ACC	RGB 151 154 204	#979ACC
100.0%	100.0% #B6B8DB	RGB 182 184 219	#B6B8DB

#000884 #1E2592 #3C42A1 #5B60AF #797DBE #979ACC #B6B8DB

#000884 - #B6B8DB

HSVブレンド

#000884 - #B6B8DB | colorate

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

0.0%	0.0% #000784	RGB 0 7 132	#000784
16.7%	16.7% #141B92	RGB 20 27 146	#141B92
33.3%	33.3% #2C33A1	RGB 44 51 161	#2C33A1
50.0%	50.0% #484EAF	RGB 72 78 175	#484EAF
66.7%	66.7% #696EBE	RGB 105 110 190	#696EBE
83.3%	83.3% #8D91CC	RGB 141 145 204	#8D91CC
100.0%	100.0% #B6B8DB	RGB 182 184 219	#B6B8DB

#000784 #141B92 #2C33A1 #484EAF #696EBE #8D91CC #B6B8DB

#000884 - #484EAF - #B6B8DB

CSSコード

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

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