#63538F - #7F8F53 | colorate
colorateはデザイナーや開発者向けの配色ツールです。あなたのインスピレーションを引き出し、よりよい配色の構成に役立ちます。
サイトをよりよくする
Blend #63538F to #7F8F53
#63538Fと#7F8F53の二色間の色を演算します。色味の近い色同士では滑らかですが、RGB値をもとにした通常のブレンドでは、色味の遠い色同士の中間の色は彩度が低くなりグレーに近くなります。HSV値をもとにしたブレンドでは、色味の遠い色同士でも彩度の低下はありません。
RGBブレンド
#63538F - #7F8F53 | colorate
RGB値をもとにした二色間のブレンドです。色味の離れた色同士では、二色間の彩度は低下します。#63538Fを0%、#7F8F53を100%として二色間の色を展開します。
0.0% #63538F |
RGB 99 83 143 | #63538F |
16.7% #675D85 |
RGB 103 93 133 | #675D85 |
33.3% #6C677B |
RGB 108 103 123 | #6C677B |
50.0% #717171 |
RGB 113 113 113 | #717171 |
66.7% #757B67 |
RGB 117 123 103 | #757B67 |
83.3% #7A855D |
RGB 122 133 93 | #7A855D |
100.0% #7F8F53 |
RGB 127 143 83 | #7F8F53 |
HSVブレンド
#63538F - #7F8F53 | colorate
HSV値をもとにした二色間のブレンドです。色味の離れた色同士でも、二色間の彩度は低下しません。#63538Fを0%、#7F8F53を100%として二色間の色を展開します。
0.0% #63538F |
RGB 99 83 143 | #63538F |
16.7% #81538F |
RGB 129 83 143 | #81538F |
33.3% #8F537E |
RGB 143 83 126 | #8F537E |
50.0% #8F5360 |
RGB 143 83 96 | #8F5360 |
66.7% #8F6353 |
RGB 143 99 83 | #8F6353 |
83.3% #8F8153 |
RGB 143 129 83 | #8F8153 |
100.0% #7F8F53 |
RGB 127 143 83 | #7F8F53 |
CSSコード
<style type="text/css"> /* RGB Gradient */ div { background: -moz-linear-gradient(top, #63538F 0%, #7F8F53 100%); background: -webkit-linear-gradient(top, #63538F 0%, #7F8F53 100%); background: linear-gradient(to bottom, #63538F 0%, #7F8F53 100%); } /* HSV Gradient */ div { background: -moz-linear-gradient(top, #63538F 0%, #8F5360 50%, #7F8F53 100%); background: -webkit-linear-gradient(top, #63538F 0%, #8F5360 50%, #7F8F53 100%); background: linear-gradient(to bottom, #63538F 0%, #8F5360 50%, #7F8F53 100%); } </style>