#485822 - #233E11 | colorate

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

Blend #485822 to #233E11

#485822

#233E11

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

RGBブレンド

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

0.0%	0.0% #485822	RGB 72 88 34	#485822
16.7%	16.7% #425420	RGB 66 84 32	#425420
33.3%	33.3% #3C501D	RGB 60 80 29	#3C501D
50.0%	50.0% #364B1A	RGB 54 75 26	#364B1A
66.7%	66.7% #304717	RGB 48 71 23	#304717
83.3%	83.3% #2A4314	RGB 42 67 20	#2A4314
100.0%	100.0% #233E11	RGB 35 62 17	#233E11

#485822 #425420 #3C501D #364B1A #304717 #2A4314 #233E11

#485822 - #233E11

HSVブレンド

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

0.0%	0.0% #485822	RGB 72 88 34	#485822
16.7%	16.7% #41531E	RGB 65 83 30	#41531E
33.3%	33.3% #3A4F1B	RGB 58 79 27	#3A4F1B
50.0%	50.0% #344B18	RGB 52 75 24	#344B18
66.7%	66.7% #2E4616	RGB 46 70 22	#2E4616
83.3%	83.3% #284213	RGB 40 66 19	#284213
100.0%	100.0% #223E10	RGB 34 62 16	#223E10

#485822 #41531E #3A4F1B #344B18 #2E4616 #284213 #223E10

#485822 - #344B18 - #223E10

CSSコード

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

/* HSV Gradation */
div {                
    background: -moz-linear-gradient(top, #485822 0%, #344B18 50%, #223E10 100%);
    background: -webkit-linear-gradient(top, #485822 0%, #344B18 50%, #223E10 100%);
    background: linear-gradient(to bottom, #485822 0%, #344B18 50%, #223E10 100%); 
}
</style>