#376D8F - #1C2D3A | colorate

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

Blend #376D8F to #1C2D3A

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

RGBブレンド

#376D8F - #1C2D3A | colorate

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

0.0%	0.0% #376D8F	RGB 55 109 143	#376D8F
16.7%	16.7% #326280	RGB 50 98 128	#326280
33.3%	33.3% #2E5772	RGB 46 87 114	#2E5772
50.0%	50.0% #294D64	RGB 41 77 100	#294D64
66.7%	66.7% #254256	RGB 37 66 86	#254256
83.3%	83.3% #203748	RGB 32 55 72	#203748
100.0%	100.0% #1C2D3A	RGB 28 45 58	#1C2D3A

#376D8F #326280 #2E5772 #294D64 #254256 #203748 #1C2D3A

#376D8F - #1C2D3A

HSVブレンド

#376D8F - #1C2D3A | colorate

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

0.0%	0.0% #376D8F	RGB 55 109 143	#376D8F
16.7%	16.7% #336280	RGB 51 98 128	#336280
33.3%	33.3% #2F5772	RGB 47 87 114	#2F5772
50.0%	50.0% #2B4D64	RGB 43 77 100	#2B4D64
66.7%	66.7% #264256	RGB 38 66 86	#264256
83.3%	83.3% #213748	RGB 33 55 72	#213748
100.0%	100.0% #1C2D3A	RGB 28 45 58	#1C2D3A

#376D8F #336280 #2F5772 #2B4D64 #264256 #213748 #1C2D3A

#376D8F - #2B4D64 - #1C2D3A

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #376D8F 0%, #2B4D64 50%, #1C2D3A 100%);
    background: -webkit-linear-gradient(top, #376D8F 0%, #2B4D64 50%, #1C2D3A 100%);
    background: linear-gradient(to bottom, #376D8F 0%, #2B4D64 50%, #1C2D3A 100%);
}
</style>