#1A5718 - #531857 | colorate

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

Blend #1A5718 to #531857

#1A5718

#531857

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

RGBブレンド

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

0.0%	0.0% #1A5718	RGB 26 87 24	#1A5718
16.7%	16.7% #234D22	RGB 35 77 34	#234D22
33.3%	33.3% #2D422D	RGB 45 66 45	#2D422D
50.0%	50.0% #363837	RGB 54 56 55	#363837
66.7%	66.7% #402D42	RGB 64 45 66	#402D42
83.3%	83.3% #49234C	RGB 73 35 76	#49234C
100.0%	100.0% #531857	RGB 83 24 87	#531857

#1A5718 #234D22 #2D422D #363837 #402D42 #49234C #531857

#1A5718 - #531857

HSVブレンド

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

0.0%	0.0% #1A5718	RGB 26 87 24	#1A5718
16.7%	16.7% #185735	RGB 24 87 53	#185735
33.3%	33.3% #185754	RGB 24 87 84	#185754
50.0%	50.0% #183A57	RGB 24 58 87	#183A57
66.7%	66.7% #181B57	RGB 24 27 87	#181B57
83.3%	83.3% #331857	RGB 51 24 87	#331857
100.0%	100.0% #531857	RGB 83 24 87	#531857

#1A5718 #185735 #185754 #183A57 #181B57 #331857 #531857

#1A5718 - #183A57 - #531857

CSSコード

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

/* HSV Gradation */
div {                
    background: -moz-linear-gradient(top, #1A5718 0%, #183A57 50%, #531857 100%);
    background: -webkit-linear-gradient(top, #1A5718 0%, #183A57 50%, #531857 100%);
    background: linear-gradient(to bottom, #1A5718 0%, #183A57 50%, #531857 100%); 
}
</style>