#29748F - #05415A | colorate

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

Blend #29748F to #05415A

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

RGBブレンド

#29748F - #05415A | colorate

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

0.0%	0.0% #29748F	RGB 41 116 143	#29748F
16.7%	16.7% #236B86	RGB 35 107 134	#236B86
33.3%	33.3% #1D637D	RGB 29 99 125	#1D637D
50.0%	50.0% #175A74	RGB 23 90 116	#175A74
66.7%	66.7% #10526B	RGB 16 82 107	#10526B
83.3%	83.3% #0B4962	RGB 11 73 98	#0B4962
100.0%	100.0% #05415A	RGB 5 65 90	#05415A

#29748F #236B86 #1D637D #175A74 #10526B #0B4962 #05415A

#29748F - #05415A

HSVブレンド

#29748F - #05415A | colorate

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

0.0%	0.0% #29748F	RGB 41 116 143	#29748F
16.7%	16.7% #216A86	RGB 33 106 134	#216A86
33.3%	33.3% #1A627D	RGB 26 98 125	#1A627D
50.0%	50.0% #135974	RGB 19 89 116	#135974
66.7%	66.7% #0E516B	RGB 14 81 107	#0E516B
83.3%	83.3% #094862	RGB 9 72 98	#094862
100.0%	100.0% #05415A	RGB 5 65 90	#05415A

#29748F #216A86 #1A627D #135974 #0E516B #094862 #05415A

#29748F - #135974 - #05415A

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #29748F 0%, #135974 50%, #05415A 100%);
    background: -webkit-linear-gradient(top, #29748F 0%, #135974 50%, #05415A 100%);
    background: linear-gradient(to bottom, #29748F 0%, #135974 50%, #05415A 100%);
}
</style>