#3B0084 - #C6B6DB | colorate
colorateはデザイナーや開発者向けの配色ツールです。あなたのインスピレーションを引き出し、よりよい配色の構成に役立ちます。
サイトをよりよくする
Blend #3B0084 to #C6B6DB
#3B0084と#C6B6DBの二色間の色を演算します。色味の近い色同士では滑らかですが、RGB値をもとにした通常のブレンドでは、色味の遠い色同士の中間の色は彩度が低くなりグレーに近くなります。HSV値をもとにしたブレンドでは、色味の遠い色同士でも彩度の低下はありません。
RGBブレンド
#3B0084 - #C6B6DB | colorate
RGB値をもとにした二色間のブレンドです。色味の離れた色同士では、二色間の彩度は低下します。#3B0084を0%、#C6B6DBを100%として二色間の色を展開します。
|
0.0% #3B0084 |
RGB 59 0 132 | #3B0084 |
|
16.7% #521E92 |
RGB 82 30 146 | #521E92 |
|
33.3% #693CA1 |
RGB 105 60 161 | #693CA1 |
|
50.0% #805BAF |
RGB 128 91 175 | #805BAF |
|
66.7% #9779BE |
RGB 151 121 190 | #9779BE |
|
83.3% #AE97CC |
RGB 174 151 204 | #AE97CC |
|
100.0% #C6B6DB |
RGB 198 182 219 | #C6B6DB |
HSVブレンド
#3B0084 - #C6B6DB | colorate
HSV値をもとにした二色間のブレンドです。色味の離れた色同士でも、二色間の彩度は低下しません。#3B0084を0%、#C6B6DBを100%として二色間の色を展開します。
|
0.0% #3B0084 |
RGB 59 0 132 | #3B0084 |
|
16.7% #4C1492 |
RGB 76 20 146 | #4C1492 |
|
33.3% #602CA1 |
RGB 96 44 161 | #602CA1 |
|
50.0% #7648AF |
RGB 118 72 175 | #7648AF |
|
66.7% #8E69BE |
RGB 142 105 190 | #8E69BE |
|
83.3% #A88DCC |
RGB 168 141 204 | #A88DCC |
|
100.0% #C6B6DB |
RGB 198 182 219 | #C6B6DB |
CSSコード
<style type="text/css">
/* RGB Gradient */
div {
background: -moz-linear-gradient(top, #3B0084 0%, #C6B6DB 100%);
background: -webkit-linear-gradient(top, #3B0084 0%, #C6B6DB 100%);
background: linear-gradient(to bottom, #3B0084 0%, #C6B6DB 100%);
}
/* HSV Gradient */
div {
background: -moz-linear-gradient(top, #3B0084 0%, #7648AF 50%, #C6B6DB 100%);
background: -webkit-linear-gradient(top, #3B0084 0%, #7648AF 50%, #C6B6DB 100%);
background: linear-gradient(to bottom, #3B0084 0%, #7648AF 50%, #C6B6DB 100%);
}
</style>
