#1F3012 - #1B4914 | colorate

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

Blend #1F3012 to #1B4914

#1F3012

#1B4914

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

RGBブレンド

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

0.0%	0.0% #1F3012	RGB 31 48 18	#1F3012
16.7%	16.7% #1F3412	RGB 31 52 18	#1F3412
33.3%	33.3% #1E3812	RGB 30 56 18	#1E3812
50.0%	50.0% #1D3C13	RGB 29 60 19	#1D3C13
66.7%	66.7% #1D4013	RGB 29 64 19	#1D4013
83.3%	83.3% #1C4413	RGB 28 68 19	#1C4413
100.0%	100.0% #1B4914	RGB 27 73 20	#1B4914

#1F3012 #1F3412 #1E3812 #1D3C13 #1D4013 #1C4413 #1B4914

#1F3012 - #1B4914

HSVブレンド

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

0.0%	0.0% #1F3012	RGB 31 48 18	#1F3012
16.7%	16.7% #1F3412	RGB 31 52 18	#1F3412
33.3%	33.3% #1F3813	RGB 31 56 19	#1F3813
50.0%	50.0% #1F3C13	RGB 31 60 19	#1F3C13
66.7%	66.7% #1E4013	RGB 30 64 19	#1E4013
83.3%	83.3% #1C4414	RGB 28 68 20	#1C4414
100.0%	100.0% #1B4913	RGB 27 73 19	#1B4913

#1F3012 #1F3412 #1F3813 #1F3C13 #1E4013 #1C4414 #1B4913

#1F3012 - #1F3C13 - #1B4913

CSSコード

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

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