#1A1E19 - #012200 | colorate
colorateはデザイナーや開発者向けの配色ツールです。あなたのインスピレーションを引き出し、よりよい配色の構成に役立ちます。
サイトをよりよくする
Blend #1A1E19 to #012200
#1A1E19と#012200の二色間の色を演算します。色味の近い色同士では滑らかですが、RGB値をもとにした通常のブレンドでは、色味の遠い色同士の中間の色は彩度が低くなりグレーに近くなります。HSV値をもとにしたブレンドでは、色味の遠い色同士でも彩度の低下はありません。
RGBブレンド
#1A1E19 - #012200 | colorate
RGB値をもとにした二色間のブレンドです。色味の離れた色同士では、二色間の彩度は低下します。#1A1E19を0%、#012200を100%として二色間の色を展開します。
0.0% #1A1E19 |
RGB 26 30 25 | #1A1E19 |
16.7% #151E14 |
RGB 21 30 20 | #151E14 |
33.3% #111F10 |
RGB 17 31 16 | #111F10 |
50.0% #0D200C |
RGB 13 32 12 | #0D200C |
66.7% #092008 |
RGB 9 32 8 | #092008 |
83.3% #052104 |
RGB 5 33 4 | #052104 |
100.0% #012200 |
RGB 1 34 0 | #012200 |
HSVブレンド
#1A1E19 - #012200 | colorate
HSV値をもとにした二色間のブレンドです。色味の離れた色同士でも、二色間の彩度は低下しません。#1A1E19を0%、#012200を100%として二色間の色を展開します。
0.0% #1A1E19 |
RGB 26 30 25 | #1A1E19 |
16.7% #161E15 |
RGB 22 30 21 | #161E15 |
33.3% #131F11 |
RGB 19 31 17 | #131F11 |
50.0% #0F200D |
RGB 15 32 13 | #0F200D |
66.7% #0B2009 |
RGB 11 32 9 | #0B2009 |
83.3% #062104 |
RGB 6 33 4 | #062104 |
100.0% #012200 |
RGB 1 34 0 | #012200 |
CSSコード
<style type="text/css"> /* RGB Gradient */ div { background: -moz-linear-gradient(top, #1A1E19 0%, #012200 100%); background: -webkit-linear-gradient(top, #1A1E19 0%, #012200 100%); background: linear-gradient(to bottom, #1A1E19 0%, #012200 100%); } /* HSV Gradient */ div { background: -moz-linear-gradient(top, #1A1E19 0%, #0F200D 50%, #012200 100%); background: -webkit-linear-gradient(top, #1A1E19 0%, #0F200D 50%, #012200 100%); background: linear-gradient(to bottom, #1A1E19 0%, #0F200D 50%, #012200 100%); } </style>