#9E9055 - #16140C | colorate

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

Blend #9E9055 to #16140C

#9E9055

#16140C

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

RGBブレンド

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

0.0%	0.0% #9E9055	RGB 158 144 85	#9E9055
16.7%	16.7% #887C49	RGB 136 124 73	#887C49
33.3%	33.3% #71673D	RGB 113 103 61	#71673D
50.0%	50.0% #5A5231	RGB 90 82 49	#5A5231
66.7%	66.7% #443E25	RGB 68 62 37	#443E25
83.3%	83.3% #2D2919	RGB 45 41 25	#2D2919
100.0%	100.0% #16140C	RGB 22 20 12	#16140C

#9E9055 #887C49 #71673D #5A5231 #443E25 #2D2919 #16140C

#9E9055 - #16140C

HSVブレンド

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

0.0%	0.0% #9E9055	RGB 158 144 85	#9E9055
16.7%	16.7% #877B48	RGB 135 123 72	#877B48
33.3%	33.3% #70663C	RGB 112 102 60	#70663C
50.0%	50.0% #5A5130	RGB 90 81 48	#5A5130
66.7%	66.7% #433D24	RGB 67 61 36	#433D24
83.3%	83.3% #2C2818	RGB 44 40 24	#2C2818
100.0%	100.0% #16140C	RGB 22 20 12	#16140C

#9E9055 #877B48 #70663C #5A5130 #433D24 #2C2818 #16140C

#9E9055 - #5A5130 - #16140C

CSSコード

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

/* HSV Gradation */
div {                
    background: -moz-linear-gradient(top, #9E9055 0%, #5A5130 50%, #16140C 100%);
    background: -webkit-linear-gradient(top, #9E9055 0%, #5A5130 50%, #16140C 100%);
    background: linear-gradient(to bottom, #9E9055 0%, #5A5130 50%, #16140C 100%); 
}
</style>