#787728 - #495E14 | colorate

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

Blend #787728 to #495E14

#787728

#495E14

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

RGBブレンド

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

0.0%	0.0% #787728	RGB 120 119 40	#787728
16.7%	16.7% #717325	RGB 113 115 37	#717325
33.3%	33.3% #696F22	RGB 105 111 34	#696F22
50.0%	50.0% #616B1E	RGB 97 107 30	#616B1E
66.7%	66.7% #59671B	RGB 89 103 27	#59671B
83.3%	83.3% #516318	RGB 81 99 24	#516318
100.0%	100.0% #495E14	RGB 73 94 20	#495E14

#787728 #717325 #696F22 #616B1E #59671B #516318 #495E14

#787728 - #495E14

HSVブレンド

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

0.0%	0.0% #787728	RGB 120 119 40	#787728
16.7%	16.7% #707324	RGB 112 115 36	#707324
33.3%	33.3% #686F20	RGB 104 111 32	#686F20
50.0%	50.0% #606B1D	RGB 96 107 29	#606B1D
66.7%	66.7% #586619	RGB 88 102 25	#586619
83.3%	83.3% #506216	RGB 80 98 22	#506216
100.0%	100.0% #495E13	RGB 73 94 19	#495E13

#787728 #707324 #686F20 #606B1D #586619 #506216 #495E13

#787728 - #606B1D - #495E13

CSSコード

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

/* HSV Gradation */
div {                
    background: -moz-linear-gradient(top, #787728 0%, #606B1D 50%, #495E13 100%);
    background: -webkit-linear-gradient(top, #787728 0%, #606B1D 50%, #495E13 100%);
    background: linear-gradient(to bottom, #787728 0%, #606B1D 50%, #495E13 100%); 
}
</style>