#9FA5AA - #49798D | colorate
colorateはデザイナーや開発者向けの配色ツールです。あなたのインスピレーションを引き出し、よりよい配色の構成に役立ちます。
サイトをよりよくする
Blend #9FA5AA to #49798D
#9FA5AAと#49798Dの二色間の色を演算します。色味の近い色同士では滑らかですが、RGB値をもとにした通常のブレンドでは、色味の遠い色同士の中間の色は彩度が低くなりグレーに近くなります。HSV値をもとにしたブレンドでは、色味の遠い色同士でも彩度の低下はありません。
RGBブレンド
#9FA5AA - #49798D | colorate
RGB値をもとにした二色間のブレンドです。色味の離れた色同士では、二色間の彩度は低下します。#9FA5AAを0%、#49798Dを100%として二色間の色を展開します。
|
0.0% #9FA5AA |
RGB 159 165 170 | #9FA5AA |
|
16.7% #909DA5 |
RGB 144 157 165 | #909DA5 |
|
33.3% #8296A0 |
RGB 130 150 160 | #8296A0 |
|
50.0% #748F9B |
RGB 116 143 155 | #748F9B |
|
66.7% #658796 |
RGB 101 135 150 | #658796 |
|
83.3% #578091 |
RGB 87 128 145 | #578091 |
|
100.0% #49798D |
RGB 73 121 141 | #49798D |
HSVブレンド
#9FA5AA - #49798D | colorate
HSV値をもとにした二色間のブレンドです。色味の離れた色同士でも、二色間の彩度は低下しません。#9FA5AAを0%、#49798Dを100%として二色間の色を展開します。
|
0.0% #9FA5AA |
RGB 159 165 170 | #9FA5AA |
|
16.7% #8E9BA5 |
RGB 142 155 165 | #8E9BA5 |
|
33.3% #7F93A0 |
RGB 127 147 160 | #7F93A0 |
|
50.0% #708B9B |
RGB 112 139 155 | #708B9B |
|
66.7% #628496 |
RGB 98 132 150 | #628496 |
|
83.3% #557E91 |
RGB 85 126 145 | #557E91 |
|
100.0% #49798D |
RGB 73 121 141 | #49798D |
CSSコード
<style type="text/css">
/* RGB Gradient */
div {
background: -moz-linear-gradient(top, #9FA5AA 0%, #49798D 100%);
background: -webkit-linear-gradient(top, #9FA5AA 0%, #49798D 100%);
background: linear-gradient(to bottom, #9FA5AA 0%, #49798D 100%);
}
/* HSV Gradient */
div {
background: -moz-linear-gradient(top, #9FA5AA 0%, #708B9B 50%, #49798D 100%);
background: -webkit-linear-gradient(top, #9FA5AA 0%, #708B9B 50%, #49798D 100%);
background: linear-gradient(to bottom, #9FA5AA 0%, #708B9B 50%, #49798D 100%);
}
</style>
