#2D6EB6 - #8DBDD9 | colorate
colorateはデザイナーや開発者向けの配色ツールです。あなたのインスピレーションを引き出し、よりよい配色の構成に役立ちます。
サイトをよりよくする
Blend #2D6EB6 to #8DBDD9
#2D6EB6と#8DBDD9の二色間の色を演算します。色味の近い色同士では滑らかですが、RGB値をもとにした通常のブレンドでは、色味の遠い色同士の中間の色は彩度が低くなりグレーに近くなります。HSV値をもとにしたブレンドでは、色味の遠い色同士でも彩度の低下はありません。
RGBブレンド
#2D6EB6 - #8DBDD9 | colorate
RGB値をもとにした二色間のブレンドです。色味の離れた色同士では、二色間の彩度は低下します。#2D6EB6を0%、#8DBDD9を100%として二色間の色を展開します。
|
0.0% #2D6EB6 |
RGB 45 110 182 | #2D6EB6 |
|
16.7% #3D7BBB |
RGB 61 123 187 | #3D7BBB |
|
33.3% #4D88C1 |
RGB 77 136 193 | #4D88C1 |
|
50.0% #5D95C7 |
RGB 93 149 199 | #5D95C7 |
|
66.7% #6DA2CD |
RGB 109 162 205 | #6DA2CD |
|
83.3% #7DAFD3 |
RGB 125 175 211 | #7DAFD3 |
|
100.0% #8DBDD9 |
RGB 141 189 217 | #8DBDD9 |
HSVブレンド
#2D6EB6 - #8DBDD9 | colorate
HSV値をもとにした二色間のブレンドです。色味の離れた色同士でも、二色間の彩度は低下しません。#2D6EB6を0%、#8DBDD9を100%として二色間の色を展開します。
|
0.0% #2D6EB6 |
RGB 45 110 182 | #2D6EB6 |
|
16.7% #3B7BBB |
RGB 59 123 187 | #3B7BBB |
|
33.3% #4988C1 |
RGB 73 136 193 | #4988C1 |
|
50.0% #5996C7 |
RGB 89 150 199 | #5996C7 |
|
66.7% #69A3CD |
RGB 105 163 205 | #69A3CD |
|
83.3% #7BB0D3 |
RGB 123 176 211 | #7BB0D3 |
|
100.0% #8DBDD9 |
RGB 141 189 217 | #8DBDD9 |
CSSコード
<style type="text/css">
/* RGB Gradient */
div {
background: -moz-linear-gradient(top, #2D6EB6 0%, #8DBDD9 100%);
background: -webkit-linear-gradient(top, #2D6EB6 0%, #8DBDD9 100%);
background: linear-gradient(to bottom, #2D6EB6 0%, #8DBDD9 100%);
}
/* HSV Gradient */
div {
background: -moz-linear-gradient(top, #2D6EB6 0%, #5996C7 50%, #8DBDD9 100%);
background: -webkit-linear-gradient(top, #2D6EB6 0%, #5996C7 50%, #8DBDD9 100%);
background: linear-gradient(to bottom, #2D6EB6 0%, #5996C7 50%, #8DBDD9 100%);
}
</style>
