#1A3920 - #010A10 | colorate

colorateはデザイナーや開発者向けの配色ツールです。あなたのインスピレーションを引き出し、よりよい配色の構成に役立ちます。サイトをよりよくする

Blend #1A3920 to #010A10

#1A3920と#010A10の二色間の色を演算します。色味の近い色同士では滑らかですが、RGB値をもとにした通常のブレンドでは、色味の遠い色同士の中間の色は彩度が低くなりグレーに近くなります。HSV値をもとにしたブレンドでは、色味の遠い色同士でも彩度の低下はありません。

RGBブレンド

#1A3920 - #010A10 | colorate

RGB値をもとにした二色間のブレンドです。色味の離れた色同士では、二色間の彩度は低下します。#1A3920を0%、#010A10を100%として二色間の色を展開します。

0.0%	0.0% #1A3920	RGB 26 57 32	#1A3920
16.7%	16.7% #15311D	RGB 21 49 29	#15311D
33.3%	33.3% #11291A	RGB 17 41 26	#11291A
50.0%	50.0% #0D2118	RGB 13 33 24	#0D2118
66.7%	66.7% #091915	RGB 9 25 21	#091915
83.3%	83.3% #051112	RGB 5 17 18	#051112
100.0%	100.0% #010A10	RGB 1 10 16	#010A10

#1A3920 #15311D #11291A #0D2118 #091915 #051112 #010A10

#1A3920 - #010A10

HSVブレンド

#1A3920 - #010A10 | colorate

HSV値をもとにした二色間のブレンドです。色味の離れた色同士でも、二色間の彩度は低下しません。#1A3920を0%、#010A10を100%として二色間の色を展開します。

0.0%	0.0% #1A3920	RGB 26 57 32	#1A3920
16.7%	16.7% #13321F	RGB 19 50 31	#13321F
33.3%	33.3% #0E2B1F	RGB 14 43 31	#0E2B1F
50.0%	50.0% #09241F	RGB 9 36 31	#09241F
66.7%	66.7% #051D1D	RGB 5 29 29	#051D1D
83.3%	83.3% #021216	RGB 2 18 22	#021216
100.0%	100.0% #010A10	RGB 1 10 16	#010A10

#1A3920 #13321F #0E2B1F #09241F #051D1D #021216 #010A10

#1A3920 - #09241F - #010A10

CSSコード

<style type="text/css">
/* RGB Gradient */
div {
    background: -moz-linear-gradient(top, #1A3920 0%, #010A10 100%);
    background: -webkit-linear-gradient(top, #1A3920 0%, #010A10 100%);
    background: linear-gradient(to bottom, #1A3920 0%, #010A10 100%);
}

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1A3920 0%, #09241F 50%, #010A10 100%);
    background: -webkit-linear-gradient(top, #1A3920 0%, #09241F 50%, #010A10 100%);
    background: linear-gradient(to bottom, #1A3920 0%, #09241F 50%, #010A10 100%);
}
</style>