#172226 - #BCC0C1 | colorate
colorateはデザイナーや開発者向けの配色ツールです。あなたのインスピレーションを引き出し、よりよい配色の構成に役立ちます。
サイトをよりよくする
Blend #172226 to #BCC0C1
#172226と#BCC0C1の二色間の色を演算します。色味の近い色同士では滑らかですが、RGB値をもとにした通常のブレンドでは、色味の遠い色同士の中間の色は彩度が低くなりグレーに近くなります。HSV値をもとにしたブレンドでは、色味の遠い色同士でも彩度の低下はありません。
RGBブレンド
#172226 - #BCC0C1 | colorate
RGB値をもとにした二色間のブレンドです。色味の離れた色同士では、二色間の彩度は低下します。#172226を0%、#BCC0C1を100%として二色間の色を展開します。
0.0% #172226 |
RGB 23 34 38 | #172226 |
16.7% #323C3F |
RGB 50 60 63 | #323C3F |
33.3% #4E5659 |
RGB 78 86 89 | #4E5659 |
50.0% #697173 |
RGB 105 113 115 | #697173 |
66.7% #858B8D |
RGB 133 139 141 | #858B8D |
83.3% #A0A5A7 |
RGB 160 165 167 | #A0A5A7 |
100.0% #BCC0C1 |
RGB 188 192 193 | #BCC0C1 |
HSVブレンド
#172226 - #BCC0C1 | colorate
HSV値をもとにした二色間のブレンドです。色味の離れた色同士でも、二色間の彩度は低下しません。#172226を0%、#BCC0C1を100%として二色間の色を展開します。
0.0% #172226 |
RGB 23 34 38 | #172226 |
16.7% #2A3A3F |
RGB 42 58 63 | #2A3A3F |
33.3% #415359 |
RGB 65 83 89 | #415359 |
50.0% #5B6D73 |
RGB 91 109 115 | #5B6D73 |
66.7% #78888D |
RGB 120 136 141 | #78888D |
83.3% #98A4A7 |
RGB 152 164 167 | #98A4A7 |
100.0% #BCC0C1 |
RGB 188 192 193 | #BCC0C1 |
CSSコード
<style type="text/css"> /* RGB Gradient */ div { background: -moz-linear-gradient(top, #172226 0%, #BCC0C1 100%); background: -webkit-linear-gradient(top, #172226 0%, #BCC0C1 100%); background: linear-gradient(to bottom, #172226 0%, #BCC0C1 100%); } /* HSV Gradient */ div { background: -moz-linear-gradient(top, #172226 0%, #5B6D73 50%, #BCC0C1 100%); background: -webkit-linear-gradient(top, #172226 0%, #5B6D73 50%, #BCC0C1 100%); background: linear-gradient(to bottom, #172226 0%, #5B6D73 50%, #BCC0C1 100%); } </style>