#193927 - #030804 | colorate

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

Blend #193927 to #030804

#193927

#030804

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

RGBブレンド

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

0.0%	0.0% #193927	RGB 25 57 39	#193927
16.7%	16.7% #163122	RGB 22 49 34	#163122
33.3%	33.3% #12291C	RGB 18 41 28	#12291C
50.0%	50.0% #0E2116	RGB 14 33 22	#0E2116
66.7%	66.7% #0B1910	RGB 11 25 16	#0B1910
83.3%	83.3% #07110A	RGB 7 17 10	#07110A
100.0%	100.0% #030804	RGB 3 8 4	#030804

#193927 #163122 #12291C #0E2116 #0B1910 #07110A #030804

#193927 - #030804

HSVブレンド

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

0.0%	0.0% #193927	RGB 25 57 39	#193927
16.7%	16.7% #143020	RGB 20 48 32	#143020
33.3%	33.3% #102819	RGB 16 40 25	#102819
50.0%	50.0% #0D2013	RGB 13 32 19	#0D2013
66.7%	66.7% #09180D	RGB 9 24 13	#09180D
83.3%	83.3% #061008	RGB 6 16 8	#061008
100.0%	100.0% #030804	RGB 3 8 4	#030804

#193927 #143020 #102819 #0D2013 #09180D #061008 #030804

#193927 - #0D2013 - #030804

CSSコード

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

/* HSV Gradation */
div {                
    background: -moz-linear-gradient(top, #193927 0%, #0D2013 50%, #030804 100%);
    background: -webkit-linear-gradient(top, #193927 0%, #0D2013 50%, #030804 100%);
    background: linear-gradient(to bottom, #193927 0%, #0D2013 50%, #030804 100%); 
}
</style>