#728F88 - #748D9B | colorate

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

Blend #728F88 to #748D9B

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

RGBブレンド

#728F88 - #748D9B | colorate

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

0.0%	0.0% #728F88	RGB 114 143 136	#728F88
16.7%	16.7% #728E8B	RGB 114 142 139	#728E8B
33.3%	33.3% #728E8E	RGB 114 142 142	#728E8E
50.0%	50.0% #738E91	RGB 115 142 145	#738E91
66.7%	66.7% #738D94	RGB 115 141 148	#738D94
83.3%	83.3% #738D97	RGB 115 141 151	#738D97
100.0%	100.0% #748D9B	RGB 116 141 155	#748D9B

#728F88 #728E8B #728E8E #738E91 #738D94 #738D97 #748D9B

#728F88 - #748D9B

HSVブレンド

#728F88 - #748D9B | colorate

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

0.0%	0.0% #728F88	RGB 114 143 136	#728F88
16.7%	16.7% #72918C	RGB 114 145 140	#72918C
33.3%	33.3% #729391	RGB 114 147 145	#729391
50.0%	50.0% #739395	RGB 115 147 149	#739395
66.7%	66.7% #739197	RGB 115 145 151	#739197
83.3%	83.3% #738F99	RGB 115 143 153	#738F99
100.0%	100.0% #748D9B	RGB 116 141 155	#748D9B

#728F88 #72918C #729391 #739395 #739197 #738F99 #748D9B

#728F88 - #739395 - #748D9B

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #728F88 0%, #739395 50%, #748D9B 100%);
    background: -webkit-linear-gradient(top, #728F88 0%, #739395 50%, #748D9B 100%);
    background: linear-gradient(to bottom, #728F88 0%, #739395 50%, #748D9B 100%);
}
</style>