#8D9BF6 - #8E78FF | colorate
colorateはデザイナーや開発者向けの配色ツールです。あなたのインスピレーションを引き出し、よりよい配色の構成に役立ちます。
サイトをよりよくする
Blend #8D9BF6 to #8E78FF
#8D9BF6と#8E78FFの二色間の色を演算します。色味の近い色同士では滑らかですが、RGB値をもとにした通常のブレンドでは、色味の遠い色同士の中間の色は彩度が低くなりグレーに近くなります。HSV値をもとにしたブレンドでは、色味の遠い色同士でも彩度の低下はありません。
RGBブレンド
RGBブレンド
RGB値をもとにした二色間のブレンドです。色味の離れた色同士では、二色間の彩度は低下します。#8D9BF6を0%、#8E78FFを100%として二色間の色を展開します。
0.0% #8D9BF6 |
RGB 141 155 246 | #8D9BF6 |
16.7% #8D96F7 |
RGB 141 150 247 | #8D96F7 |
33.3% #8D90F9 |
RGB 141 144 249 | #8D90F9 |
50.0% #8D8AFA |
RGB 141 138 250 | #8D8AFA |
66.7% #8D84FC |
RGB 141 132 252 | #8D84FC |
83.3% #8D7EFD |
RGB 141 126 253 | #8D7EFD |
100.0% #8E78FF |
RGB 142 120 255 | #8E78FF |
HSVブレンド
HSVブレンド
HSV値をもとにした二色間のブレンドです。色味の離れた色同士でも、二色間の彩度は低下しません。#8D9BF6を0%、#8E78FFを100%として二色間の色を展開します。
0.0% #8D9AF6 |
RGB 141 154 246 | #8D9AF6 |
16.7% #8992F7 |
RGB 137 146 247 | #8992F7 |
33.3% #868AF9 |
RGB 134 138 249 | #868AF9 |
50.0% #8482FA |
RGB 132 130 250 | #8482FA |
66.7% #877FFC |
RGB 135 127 252 | #877FFC |
83.3% #8A7BFD |
RGB 138 123 253 | #8A7BFD |
100.0% #8E78FF |
RGB 142 120 255 | #8E78FF |
CSSコード
<style type="text/css"> /* RGB Gradation */ div { background: -moz-linear-gradient(top, #8D9BF6 0%, #8E78FF 100%); background: -webkit-linear-gradient(top, #8D9BF6 0%, #8E78FF 100%); background: linear-gradient(to bottom, #8D9BF6 0%, #8E78FF 100%); } /* HSV Gradation */ div { background: -moz-linear-gradient(top, #8D9AF6 0%, #8482FA 50%, #8E78FF 100%); background: -webkit-linear-gradient(top, #8D9AF6 0%, #8482FA 50%, #8E78FF 100%); background: linear-gradient(to bottom, #8D9AF6 0%, #8482FA 50%, #8E78FF 100%); } </style>