#9DA7B0 - #777E96 | colorate

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

Blend #9DA7B0 to #777E96

#9DA7B0 #777E96

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

RGBブレンド

#9DA7B0 - #777E96 | colorate

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

0.0%	0.0% #9DA7B0	RGB 157 167 176	#9DA7B0
16.7%	16.7% #96A0AB	RGB 150 160 171	#96A0AB
33.3%	33.3% #9099A7	RGB 144 153 167	#9099A7
50.0%	50.0% #8A92A3	RGB 138 146 163	#8A92A3
66.7%	66.7% #838B9E	RGB 131 139 158	#838B9E
83.3%	83.3% #7D849A	RGB 125 132 154	#7D849A
100.0%	100.0% #777E96	RGB 119 126 150	#777E96

#9DA7B0 #96A0AB #9099A7 #8A92A3 #838B9E #7D849A #777E96

#9DA7B0 - #777E96

HSVブレンド

#9DA7B0 - #777E96 | colorate

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

0.0%	0.0% #9DA7B0	RGB 157 167 176	#9DA7B0
16.7%	16.7% #96A0AB	RGB 150 160 171	#96A0AB
33.3%	33.3% #8F99A7	RGB 143 153 167	#8F99A7
50.0%	50.0% #8993A3	RGB 137 147 163	#8993A3
66.7%	66.7% #838C9E	RGB 131 140 158	#838C9E
83.3%	83.3% #7C859A	RGB 124 133 154	#7C859A
100.0%	100.0% #777E96	RGB 119 126 150	#777E96

#9DA7B0 #96A0AB #8F99A7 #8993A3 #838C9E #7C859A #777E96

#9DA7B0 - #8993A3 - #777E96

CSSコード

<style type="text/css">
/* RGB Gradation */
div {
    background: -moz-linear-gradient(top, #9DA7B0 0%, #777E96 100%);
    background: -webkit-linear-gradient(top, #9DA7B0 0%, #777E96 100%);
    background: linear-gradient(to bottom, #9DA7B0 0%, #777E96 100%);
}

/* HSV Gradation */
div {
    background: -moz-linear-gradient(top, #9DA7B0 0%, #8993A3 50%, #777E96 100%);
    background: -webkit-linear-gradient(top, #9DA7B0 0%, #8993A3 50%, #777E96 100%);
    background: linear-gradient(to bottom, #9DA7B0 0%, #8993A3 50%, #777E96 100%);
}
</style>