#8D746B - #6B848D | colorate

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

Blend #8D746B to #6B848D

#8D746B

#6B848D

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

RGBブレンド

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

0.0%	0.0% #8D746B	RGB 141 116 107	#8D746B
16.7%	16.7% #887670	RGB 136 118 112	#887670
33.3%	33.3% #827976	RGB 130 121 118	#827976
50.0%	50.0% #7C7C7C	RGB 124 124 124	#7C7C7C
66.7%	66.7% #777E81	RGB 119 126 129	#777E81
83.3%	83.3% #718187	RGB 113 129 135	#718187
100.0%	100.0% #6B848D	RGB 107 132 141	#6B848D

#8D746B #887670 #827976 #7C7C7C #777E81 #718187 #6B848D

#8D746B - #6B848D

HSVブレンド

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

0.0%	0.0% #8D746B	RGB 141 116 107	#8D746B
16.7%	16.7% #8D856B	RGB 141 133 107	#8D856B
33.3%	33.3% #848D6B	RGB 132 141 107	#848D6B
50.0%	50.0% #738D6B	RGB 115 141 107	#738D6B
66.7%	66.7% #6B8D74	RGB 107 141 116	#6B8D74
83.3%	83.3% #6B8D85	RGB 107 141 133	#6B8D85
100.0%	100.0% #6B848D	RGB 107 132 141	#6B848D

#8D746B #8D856B #848D6B #738D6B #6B8D74 #6B8D85 #6B848D

#8D746B - #738D6B - #6B848D

CSSコード

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

/* HSV Gradation */
div {                
    background: -moz-linear-gradient(top, #8D746B 0%, #738D6B 50%, #6B848D 100%);
    background: -webkit-linear-gradient(top, #8D746B 0%, #738D6B 50%, #6B848D 100%);
    background: linear-gradient(to bottom, #8D746B 0%, #738D6B 50%, #6B848D 100%); 
}
</style>