#2A3217 - #0F1F01 | colorate
colorateはデザイナーや開発者向けの配色ツールです。あなたのインスピレーションを引き出し、よりよい配色の構成に役立ちます。
サイトをよりよくする
Blend #2A3217 to #0F1F01
#2A3217と#0F1F01の二色間の色を演算します。色味の近い色同士では滑らかですが、RGB値をもとにした通常のブレンドでは、色味の遠い色同士の中間の色は彩度が低くなりグレーに近くなります。HSV値をもとにしたブレンドでは、色味の遠い色同士でも彩度の低下はありません。
RGBブレンド
#2A3217 - #0F1F01 | colorate
RGB値をもとにした二色間のブレンドです。色味の離れた色同士では、二色間の彩度は低下します。#2A3217を0%、#0F1F01を100%として二色間の色を展開します。
|
0.0% #2A3217 |
RGB 42 50 23 | #2A3217 |
|
16.7% #252E13 |
RGB 37 46 19 | #252E13 |
|
33.3% #212B0F |
RGB 33 43 15 | #212B0F |
|
50.0% #1C280C |
RGB 28 40 12 | #1C280C |
|
66.7% #182508 |
RGB 24 37 8 | #182508 |
|
83.3% #132204 |
RGB 19 34 4 | #132204 |
|
100.0% #0F1F01 |
RGB 15 31 1 | #0F1F01 |
HSVブレンド
#2A3217 - #0F1F01 | colorate
HSV値をもとにした二色間のブレンドです。色味の離れた色同士でも、二色間の彩度は低下しません。#2A3217を0%、#0F1F01を100%として二色間の色を展開します。
|
0.0% #2A3217 |
RGB 42 50 23 | #2A3217 |
|
16.7% #252E12 |
RGB 37 46 18 | #252E12 |
|
33.3% #202B0D |
RGB 32 43 13 | #202B0D |
|
50.0% #1B2809 |
RGB 27 40 9 | #1B2809 |
|
66.7% #172506 |
RGB 23 37 6 | #172506 |
|
83.3% #132203 |
RGB 19 34 3 | #132203 |
|
100.0% #0F1F01 |
RGB 15 31 1 | #0F1F01 |
CSSコード
<style type="text/css">
/* RGB Gradient */
div {
background: -moz-linear-gradient(top, #2A3217 0%, #0F1F01 100%);
background: -webkit-linear-gradient(top, #2A3217 0%, #0F1F01 100%);
background: linear-gradient(to bottom, #2A3217 0%, #0F1F01 100%);
}
/* HSV Gradient */
div {
background: -moz-linear-gradient(top, #2A3217 0%, #1B2809 50%, #0F1F01 100%);
background: -webkit-linear-gradient(top, #2A3217 0%, #1B2809 50%, #0F1F01 100%);
background: linear-gradient(to bottom, #2A3217 0%, #1B2809 50%, #0F1F01 100%);
}
</style>
