#849184 - #90E1FF | colorate
colorateはデザイナーや開発者向けの配色ツールです。あなたのインスピレーションを引き出し、よりよい配色の構成に役立ちます。
サイトをよりよくする
Blend #849184 to #90E1FF
#849184と#90E1FFの二色間の色を演算します。色味の近い色同士では滑らかですが、RGB値をもとにした通常のブレンドでは、色味の遠い色同士の中間の色は彩度が低くなりグレーに近くなります。HSV値をもとにしたブレンドでは、色味の遠い色同士でも彩度の低下はありません。
RGBブレンド
#849184 - #90E1FF | colorate
RGB値をもとにした二色間のブレンドです。色味の離れた色同士では、二色間の彩度は低下します。#849184を0%、#90E1FFを100%として二色間の色を展開します。
0.0% #849184 |
RGB 132 145 132 | #849184 |
16.7% #869E98 |
RGB 134 158 152 | #869E98 |
33.3% #88ABAD |
RGB 136 171 173 | #88ABAD |
50.0% #8AB9C1 |
RGB 138 185 193 | #8AB9C1 |
66.7% #8CC6D6 |
RGB 140 198 214 | #8CC6D6 |
83.3% #8ED3EA |
RGB 142 211 234 | #8ED3EA |
100.0% #90E1FF |
RGB 144 225 255 | #90E1FF |
HSVブレンド
#849184 - #90E1FF | colorate
HSV値をもとにした二色間のブレンドです。色味の離れた色同士でも、二色間の彩度は低下しません。#849184を0%、#90E1FFを100%として二色間の色を展開します。
0.0% #849184 |
RGB 132 145 132 | #849184 |
16.7% #8BA390 |
RGB 139 163 144 | #8BA390 |
33.3% #90B5A0 |
RGB 144 181 160 | #90B5A0 |
50.0% #93C8B4 |
RGB 147 200 180 | #93C8B4 |
66.7% #94DACF |
RGB 148 218 207 | #94DACF |
83.3% #93E7EC |
RGB 147 231 236 | #93E7EC |
100.0% #90E1FF |
RGB 144 225 255 | #90E1FF |
CSSコード
<style type="text/css"> /* RGB Gradient */ div { background: -moz-linear-gradient(top, #849184 0%, #90E1FF 100%); background: -webkit-linear-gradient(top, #849184 0%, #90E1FF 100%); background: linear-gradient(to bottom, #849184 0%, #90E1FF 100%); } /* HSV Gradient */ div { background: -moz-linear-gradient(top, #849184 0%, #93C8B4 50%, #90E1FF 100%); background: -webkit-linear-gradient(top, #849184 0%, #93C8B4 50%, #90E1FF 100%); background: linear-gradient(to bottom, #849184 0%, #93C8B4 50%, #90E1FF 100%); } </style>