#26538F - #131F75 | colorate

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

Blend #26538F to #131F75

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

RGBブレンド

#26538F - #131F75 | colorate

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

0.0%	0.0% #26538F	RGB 38 83 143	#26538F
16.7%	16.7% #224A8A	RGB 34 74 138	#224A8A
33.3%	33.3% #1F4186	RGB 31 65 134	#1F4186
50.0%	50.0% #1C3982	RGB 28 57 130	#1C3982
66.7%	66.7% #19307D	RGB 25 48 125	#19307D
83.3%	83.3% #162779	RGB 22 39 121	#162779
100.0%	100.0% #131F75	RGB 19 31 117	#131F75

#26538F #224A8A #1F4186 #1C3982 #19307D #162779 #131F75

#26538F - #131F75

HSVブレンド

#26538F - #131F75 | colorate

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

0.0%	0.0% #26538F	RGB 38 83 143	#26538F
16.7%	16.7% #22498A	RGB 34 73 138	#22498A
33.3%	33.3% #1F4086	RGB 31 64 134	#1F4086
50.0%	50.0% #1B3782	RGB 27 55 130	#1B3782
66.7%	66.7% #182F7D	RGB 24 47 125	#182F7D
83.3%	83.3% #152779	RGB 21 39 121	#152779
100.0%	100.0% #131F75	RGB 19 31 117	#131F75

#26538F #22498A #1F4086 #1B3782 #182F7D #152779 #131F75

#26538F - #1B3782 - #131F75

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #26538F 0%, #1B3782 50%, #131F75 100%);
    background: -webkit-linear-gradient(top, #26538F 0%, #1B3782 50%, #131F75 100%);
    background: linear-gradient(to bottom, #26538F 0%, #1B3782 50%, #131F75 100%);
}
</style>