#1B5018 - #8BA249 | colorate
colorateはデザイナーや開発者向けの配色ツールです。あなたのインスピレーションを引き出し、よりよい配色の構成に役立ちます。
サイトをよりよくする
Blend #1B5018 to #8BA249
#1B5018と#8BA249の二色間の色を演算します。色味の近い色同士では滑らかですが、RGB値をもとにした通常のブレンドでは、色味の遠い色同士の中間の色は彩度が低くなりグレーに近くなります。HSV値をもとにしたブレンドでは、色味の遠い色同士でも彩度の低下はありません。
RGBブレンド
#1B5018 - #8BA249 | colorate
RGB値をもとにした二色間のブレンドです。色味の離れた色同士では、二色間の彩度は低下します。#1B5018を0%、#8BA249を100%として二色間の色を展開します。
|
0.0% #1B5018 |
RGB 27 80 24 | #1B5018 |
|
16.7% #2D5D20 |
RGB 45 93 32 | #2D5D20 |
|
33.3% #406B28 |
RGB 64 107 40 | #406B28 |
|
50.0% #537930 |
RGB 83 121 48 | #537930 |
|
66.7% #658638 |
RGB 101 134 56 | #658638 |
|
83.3% #789440 |
RGB 120 148 64 | #789440 |
|
100.0% #8BA249 |
RGB 139 162 73 | #8BA249 |
HSVブレンド
#1B5018 - #8BA249 | colorate
HSV値をもとにした二色間のブレンドです。色味の離れた色同士でも、二色間の彩度は低下しません。#1B5018を0%、#8BA249を100%として二色間の色を展開します。
|
0.0% #1A5018 |
RGB 26 80 24 | #1A5018 |
|
16.7% #295D1E |
RGB 41 93 30 | #295D1E |
|
33.3% #396B25 |
RGB 57 107 37 | #396B25 |
|
50.0% #4B792D |
RGB 75 121 45 | #4B792D |
|
66.7% #5F8635 |
RGB 95 134 53 | #5F8635 |
|
83.3% #74943F |
RGB 116 148 63 | #74943F |
|
100.0% #8BA249 |
RGB 139 162 73 | #8BA249 |
CSSコード
<style type="text/css">
/* RGB Gradient */
div {
background: -moz-linear-gradient(top, #1B5018 0%, #8BA249 100%);
background: -webkit-linear-gradient(top, #1B5018 0%, #8BA249 100%);
background: linear-gradient(to bottom, #1B5018 0%, #8BA249 100%);
}
/* HSV Gradient */
div {
background: -moz-linear-gradient(top, #1A5018 0%, #4B792D 50%, #8BA249 100%);
background: -webkit-linear-gradient(top, #1A5018 0%, #4B792D 50%, #8BA249 100%);
background: linear-gradient(to bottom, #1A5018 0%, #4B792D 50%, #8BA249 100%);
}
</style>
