#5E6BAD - #AD83FB | colorate
colorateはデザイナーや開発者向けの配色ツールです。あなたのインスピレーションを引き出し、よりよい配色の構成に役立ちます。
サイトをよりよくする
Blend #5E6BAD to #AD83FB
#5E6BADと#AD83FBの二色間の色を演算します。色味の近い色同士では滑らかですが、RGB値をもとにした通常のブレンドでは、色味の遠い色同士の中間の色は彩度が低くなりグレーに近くなります。HSV値をもとにしたブレンドでは、色味の遠い色同士でも彩度の低下はありません。
RGBブレンド
#5E6BAD - #AD83FB | colorate
RGB値をもとにした二色間のブレンドです。色味の離れた色同士では、二色間の彩度は低下します。#5E6BADを0%、#AD83FBを100%として二色間の色を展開します。
|
0.0% #5E6BAD |
RGB 94 107 173 | #5E6BAD |
|
16.7% #6B6FBA |
RGB 107 111 186 | #6B6FBA |
|
33.3% #7873C7 |
RGB 120 115 199 | #7873C7 |
|
50.0% #8577D4 |
RGB 133 119 212 | #8577D4 |
|
66.7% #927BE1 |
RGB 146 123 225 | #927BE1 |
|
83.3% #9F7FEE |
RGB 159 127 238 | #9F7FEE |
|
100.0% #AD83FB |
RGB 173 131 251 | #AD83FB |
HSVブレンド
#5E6BAD - #AD83FB | colorate
HSV値をもとにした二色間のブレンドです。色味の離れた色同士でも、二色間の彩度は低下しません。#5E6BADを0%、#AD83FBを100%として二色間の色を展開します。
|
0.0% #5E6BAD |
RGB 94 107 173 | #5E6BAD |
|
16.7% #646BBA |
RGB 100 107 186 | #646BBA |
|
33.3% #6B6AC7 |
RGB 107 106 199 | #6B6AC7 |
|
50.0% #7A70D4 |
RGB 122 112 212 | #7A70D4 |
|
66.7% #8977E1 |
RGB 137 119 225 | #8977E1 |
|
83.3% #9A7DEE |
RGB 154 125 238 | #9A7DEE |
|
100.0% #AD83FB |
RGB 173 131 251 | #AD83FB |
CSSコード
<style type="text/css">
/* RGB Gradient */
div {
background: -moz-linear-gradient(top, #5E6BAD 0%, #AD83FB 100%);
background: -webkit-linear-gradient(top, #5E6BAD 0%, #AD83FB 100%);
background: linear-gradient(to bottom, #5E6BAD 0%, #AD83FB 100%);
}
/* HSV Gradient */
div {
background: -moz-linear-gradient(top, #5E6BAD 0%, #7A70D4 50%, #AD83FB 100%);
background: -webkit-linear-gradient(top, #5E6BAD 0%, #7A70D4 50%, #AD83FB 100%);
background: linear-gradient(to bottom, #5E6BAD 0%, #7A70D4 50%, #AD83FB 100%);
}
</style>
