#3D4A8F - #080B14 | colorate

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

Blend #3D4A8F to #080B14

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

RGBブレンド

#3D4A8F - #080B14 | colorate

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

0.0%	0.0% #3D4A8F	RGB 61 74 143	#3D4A8F
16.7%	16.7% #343F7A	RGB 52 63 122	#343F7A
33.3%	33.3% #2B3566	RGB 43 53 102	#2B3566
50.0%	50.0% #222A51	RGB 34 42 81	#222A51
66.7%	66.7% #19203D	RGB 25 32 61	#19203D
83.3%	83.3% #101528	RGB 16 21 40	#101528
100.0%	100.0% #080B14	RGB 8 11 20	#080B14

#3D4A8F #343F7A #2B3566 #222A51 #19203D #101528 #080B14

#3D4A8F - #080B14

HSVブレンド

#3D4A8F - #080B14 | colorate

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

0.0%	0.0% #3D4A8F	RGB 61 74 143	#3D4A8F
16.7%	16.7% #33407A	RGB 51 64 122	#33407A
33.3%	33.3% #2A3566	RGB 42 53 102	#2A3566
50.0%	50.0% #212B51	RGB 33 43 81	#212B51
66.7%	66.7% #18203D	RGB 24 32 61	#18203D
83.3%	83.3% #101628	RGB 16 22 40	#101628
100.0%	100.0% #080B14	RGB 8 11 20	#080B14

#3D4A8F #33407A #2A3566 #212B51 #18203D #101628 #080B14

#3D4A8F - #212B51 - #080B14

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3D4A8F 0%, #212B51 50%, #080B14 100%);
    background: -webkit-linear-gradient(top, #3D4A8F 0%, #212B51 50%, #080B14 100%);
    background: linear-gradient(to bottom, #3D4A8F 0%, #212B51 50%, #080B14 100%);
}
</style>