#545964 - #37374A | colorate

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

Blend #545964 to #37374A

#545964

#37374A

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

RGBブレンド

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

0.0%	0.0% #545964	RGB 84 89 100	#545964
16.7%	16.7% #505460	RGB 80 84 96	#505460
33.3%	33.3% #4B4E5C	RGB 75 78 92	#4B4E5C
50.0%	50.0% #464857	RGB 70 72 87	#464857
66.7%	66.7% #414353	RGB 65 67 83	#414353
83.3%	83.3% #3C3D4F	RGB 60 61 79	#3C3D4F
100.0%	100.0% #37374A	RGB 55 55 74	#37374A

#545964 #505460 #4B4E5C #464857 #414353 #3C3D4F #37374A

#545964 - #37374A

HSVブレンド

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

0.0%	0.0% #545964	RGB 84 89 100	#545964
16.7%	16.7% #4E535F	RGB 78 83 95	#4E535F
33.3%	33.3% #494D5B	RGB 73 77 91	#494D5B
50.0%	50.0% #444757	RGB 68 71 87	#444757
66.7%	66.7% #404252	RGB 64 66 82	#404252
83.3%	83.3% #3B3C4E	RGB 59 60 78	#3B3C4E
100.0%	100.0% #37374A	RGB 55 55 74	#37374A

#545964 #4E535F #494D5B #444757 #404252 #3B3C4E #37374A

#545964 - #444757 - #37374A

CSSコード

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

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