#4B8F33 - #0A1407 | colorate
colorateはデザイナーや開発者向けの配色ツールです。あなたのインスピレーションを引き出し、よりよい配色の構成に役立ちます。
サイトをよりよくする
Blend #4B8F33 to #0A1407
#4B8F33と#0A1407の二色間の色を演算します。色味の近い色同士では滑らかですが、RGB値をもとにした通常のブレンドでは、色味の遠い色同士の中間の色は彩度が低くなりグレーに近くなります。HSV値をもとにしたブレンドでは、色味の遠い色同士でも彩度の低下はありません。
RGBブレンド
#4B8F33 - #0A1407 | colorate
RGB値をもとにした二色間のブレンドです。色味の離れた色同士では、二色間の彩度は低下します。#4B8F33を0%、#0A1407を100%として二色間の色を展開します。
|
0.0% #4B8F33 |
RGB 75 143 51 | #4B8F33 |
|
16.7% #407A2B |
RGB 64 122 43 | #407A2B |
|
33.3% #356624 |
RGB 53 102 36 | #356624 |
|
50.0% #2A511D |
RGB 42 81 29 | #2A511D |
|
66.7% #1F3D15 |
RGB 31 61 21 | #1F3D15 |
|
83.3% #14280E |
RGB 20 40 14 | #14280E |
|
100.0% #0A1407 |
RGB 10 20 7 | #0A1407 |
HSVブレンド
#4B8F33 - #0A1407 | colorate
HSV値をもとにした二色間のブレンドです。色味の離れた色同士でも、二色間の彩度は低下しません。#4B8F33を0%、#0A1407を100%として二色間の色を展開します。
|
0.0% #4B8F33 |
RGB 75 143 51 | #4B8F33 |
|
16.7% #3F7A2B |
RGB 63 122 43 | #3F7A2B |
|
33.3% #346624 |
RGB 52 102 36 | #346624 |
|
50.0% #29511C |
RGB 41 81 28 | #29511C |
|
66.7% #1F3D15 |
RGB 31 61 21 | #1F3D15 |
|
83.3% #14280E |
RGB 20 40 14 | #14280E |
|
100.0% #0A1407 |
RGB 10 20 7 | #0A1407 |
CSSコード
<style type="text/css">
/* RGB Gradation */
div {
background: -moz-linear-gradient(top, #4B8F33 0%, #0A1407 100%);
background: -webkit-linear-gradient(top, #4B8F33 0%, #0A1407 100%);
background: linear-gradient(to bottom, #4B8F33 0%, #0A1407 100%);
}
/* HSV Gradation */
div {
background: -moz-linear-gradient(top, #4B8F33 0%, #29511C 50%, #0A1407 100%);
background: -webkit-linear-gradient(top, #4B8F33 0%, #29511C 50%, #0A1407 100%);
background: linear-gradient(to bottom, #4B8F33 0%, #29511C 50%, #0A1407 100%);
}
</style>
