#2F2E1B - #2E1B2F | colorate

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

Blend #2F2E1B to #2E1B2F

#2F2E1B

#2E1B2F

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

RGBブレンド

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

0.0%	0.0% #2F2E1B	RGB 47 46 27	#2F2E1B
16.7%	16.7% #2F2B1E	RGB 47 43 30	#2F2B1E
33.3%	33.3% #2F2821	RGB 47 40 33	#2F2821
50.0%	50.0% #2F2525	RGB 47 37 37	#2F2525
66.7%	66.7% #2F2228	RGB 47 34 40	#2F2228
83.3%	83.3% #2F1F2B	RGB 47 31 43	#2F1F2B
100.0%	100.0% #2E1B2F	RGB 46 27 47	#2E1B2F

#2F2E1B #2F2B1E #2F2821 #2F2525 #2F2228 #2F1F2B #2E1B2F

#2F2E1B - #2E1B2F

HSVブレンド

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

0.0%	0.0% #2F2E1B	RGB 47 46 27	#2F2E1B
16.7%	16.7% #2F271B	RGB 47 39 27	#2F271B
33.3%	33.3% #2F201B	RGB 47 32 27	#2F201B
50.0%	50.0% #2F1B1C	RGB 47 27 28	#2F1B1C
66.7%	66.7% #2F1B22	RGB 47 27 34	#2F1B22
83.3%	83.3% #2F1B29	RGB 47 27 41	#2F1B29
100.0%	100.0% #2D1B2F	RGB 45 27 47	#2D1B2F

#2F2E1B #2F271B #2F201B #2F1B1C #2F1B22 #2F1B29 #2D1B2F

#2F2E1B - #2F1B1C - #2D1B2F

CSSコード

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

/* HSV Gradation */
div {                
    background: -moz-linear-gradient(top, #2F2E1B 0%, #2F1B1C 50%, #2D1B2F 100%);
    background: -webkit-linear-gradient(top, #2F2E1B 0%, #2F1B1C 50%, #2D1B2F 100%);
    background: linear-gradient(to bottom, #2F2E1B 0%, #2F1B1C 50%, #2D1B2F 100%); 
}
</style>