#7C484B - #E48D61 | colorate
colorateはデザイナーや開発者向けの配色ツールです。あなたのインスピレーションを引き出し、よりよい配色の構成に役立ちます。
サイトをよりよくする
Blend #7C484B to #E48D61
#7C484Bと#E48D61の二色間の色を演算します。色味の近い色同士では滑らかですが、RGB値をもとにした通常のブレンドでは、色味の遠い色同士の中間の色は彩度が低くなりグレーに近くなります。HSV値をもとにしたブレンドでは、色味の遠い色同士でも彩度の低下はありません。
RGBブレンド
#7C484B - #E48D61 | colorate
RGB値をもとにした二色間のブレンドです。色味の離れた色同士では、二色間の彩度は低下します。#7C484Bを0%、#E48D61を100%として二色間の色を展開します。
|
0.0% #7C484B |
RGB 124 72 75 | #7C484B |
|
16.7% #8D534E |
RGB 141 83 78 | #8D534E |
|
33.3% #9E5F52 |
RGB 158 95 82 | #9E5F52 |
|
50.0% #B06A56 |
RGB 176 106 86 | #B06A56 |
|
66.7% #C17659 |
RGB 193 118 89 | #C17659 |
|
83.3% #D2815D |
RGB 210 129 93 | #D2815D |
|
100.0% #E48D61 |
RGB 228 141 97 | #E48D61 |
HSVブレンド
#7C484B - #E48D61 | colorate
HSV値をもとにした二色間のブレンドです。色味の離れた色同士でも、二色間の彩度は低下しません。#7C484Bを0%、#E48D61を100%として二色間の色を展開します。
|
0.0% #7C484A |
RGB 124 72 74 | #7C484A |
|
16.7% #8D4E4E |
RGB 141 78 78 | #8D4E4E |
|
33.3% #9E5953 |
RGB 158 89 83 | #9E5953 |
|
50.0% #B06458 |
RGB 176 100 88 | #B06458 |
|
66.7% #C1705C |
RGB 193 112 92 | #C1705C |
|
83.3% #D27E5F |
RGB 210 126 95 | #D27E5F |
|
100.0% #E48D61 |
RGB 228 141 97 | #E48D61 |
CSSコード
<style type="text/css">
/* RGB Gradient */
div {
background: -moz-linear-gradient(top, #7C484B 0%, #E48D61 100%);
background: -webkit-linear-gradient(top, #7C484B 0%, #E48D61 100%);
background: linear-gradient(to bottom, #7C484B 0%, #E48D61 100%);
}
/* HSV Gradient */
div {
background: -moz-linear-gradient(top, #7C484A 0%, #B06458 50%, #E48D61 100%);
background: -webkit-linear-gradient(top, #7C484A 0%, #B06458 50%, #E48D61 100%);
background: linear-gradient(to bottom, #7C484A 0%, #B06458 50%, #E48D61 100%);
}
</style>
