#000248 - #B6B6CA | colorate

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

Blend #000248 to #B6B6CA

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

RGBブレンド

#000248 - #B6B6CA | colorate

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

0.0%	0.0% #000248	RGB 0 2 72	#000248
16.7%	16.7% #1E205D	RGB 30 32 93	#1E205D
33.3%	33.3% #3C3E73	RGB 60 62 115	#3C3E73
50.0%	50.0% #5B5C89	RGB 91 92 137	#5B5C89
66.7%	66.7% #797A9E	RGB 121 122 158	#797A9E
83.3%	83.3% #9798B4	RGB 151 152 180	#9798B4
100.0%	100.0% #B6B6CA	RGB 182 182 202	#B6B6CA

#000248 #1E205D #3C3E73 #5B5C89 #797A9E #9798B4 #B6B6CA

#000248 - #B6B6CA

HSVブレンド

#000248 - #B6B6CA | colorate

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

0.0%	0.0% #000248	RGB 0 2 72	#000248
16.7%	16.7% #0E0F5D	RGB 14 15 93	#0E0F5D
33.3%	33.3% #222473	RGB 34 36 115	#222473
50.0%	50.0% #3D3E89	RGB 61 62 137	#3D3E89
66.7%	66.7% #5F5F9E	RGB 95 95 158	#5F5F9E
83.3%	83.3% #8787B4	RGB 135 135 180	#8787B4
100.0%	100.0% #B6B6CA	RGB 182 182 202	#B6B6CA

#000248 #0E0F5D #222473 #3D3E89 #5F5F9E #8787B4 #B6B6CA

#000248 - #3D3E89 - #B6B6CA

CSSコード

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

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