#1A2E0D - #051403 | colorate
colorateはデザイナーや開発者向けの配色ツールです。あなたのインスピレーションを引き出し、よりよい配色の構成に役立ちます。
Blend #1A2E0D to #051403
#1A2E0Dと#051403の二色間の色を演算します。色味の近い色同士では滑らかですが、RGB値をもとにした通常のブレンドでは、色味の遠い色同士の中間の色は彩度が低くなりグレーに近くなります。HSV値をもとにしたブレンドでは、色味の遠い色同士でも彩度の低下はありません。
RGBブレンド
RGBブレンド
RGB値をもとにした二色間のブレンドです。色味の離れた色同士では、二色間の彩度は低下します。#1A2E0Dを0%、#051403を100%として二色間の色を展開します。
0.0% #1A2E0D |
RGB 26 46 13 | #1A2E0D |
16.7% #172A0C |
RGB 23 42 12 | #172A0C |
33.3% #13260A |
RGB 19 38 10 | #13260A |
50.0% #102108 |
RGB 16 33 8 | #102108 |
66.7% #0C1D07 |
RGB 12 29 7 | #0C1D07 |
83.3% #091905 |
RGB 9 25 5 | #091905 |
100.0% #051403 |
RGB 5 20 3 | #051403 |
HSVブレンド
HSVブレンド
HSV値をもとにした二色間のブレンドです。色味の離れた色同士でも、二色間の彩度は低下しません。#1A2E0Dを0%、#051403を100%として二色間の色を展開します。
0.0% #1A2E0D |
RGB 26 46 13 | #1A2E0D |
16.7% #15290A |
RGB 21 41 10 | #15290A |
33.3% #112508 |
RGB 17 37 8 | #112508 |
50.0% #0D2107 |
RGB 13 33 7 | #0D2107 |
66.7% #0A1C05 |
RGB 10 28 5 | #0A1C05 |
83.3% #071804 |
RGB 7 24 4 | #071804 |
100.0% #041403 |
RGB 4 20 3 | #041403 |
CSSコード
<style type="text/css"> /* RGB Gradation */ div { background: -moz-linear-gradient(top, #1A2E0D 0%, #051403 100%); background: -webkit-linear-gradient(top, #1A2E0D 0%, #051403 100%); background: linear-gradient(to bottom, #1A2E0D 0%, #051403 100%); } /* HSV Gradation */ div { background: -moz-linear-gradient(top, #1A2E0D 0%, #0D2107 50%, #041403 100%); background: -webkit-linear-gradient(top, #1A2E0D 0%, #0D2107 50%, #041403 100%); background: linear-gradient(to bottom, #1A2E0D 0%, #0D2107 50%, #041403 100%); } </style>