#6B634A - #67774C | colorate

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

Blend #6B634A to #67774C

#6B634A

#67774C

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

RGBブレンド

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

0.0%	0.0% #6B634A	RGB 107 99 74	#6B634A
16.7%	16.7% #6B664A	RGB 107 102 74	#6B664A
33.3%	33.3% #6A694A	RGB 106 105 74	#6A694A
50.0%	50.0% #696D4B	RGB 105 109 75	#696D4B
66.7%	66.7% #69704B	RGB 105 112 75	#69704B
83.3%	83.3% #68734B	RGB 104 115 75	#68734B
100.0%	100.0% #67774C	RGB 103 119 76	#67774C

#6B634A #6B664A #6A694A #696D4B #69704B #68734B #67774C

#6B634A - #67774C

HSVブレンド

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

0.0%	0.0% #6B634A	RGB 107 99 74	#6B634A
16.7%	16.7% #6D684A	RGB 109 104 74	#6D684A
33.3%	33.3% #6F6D4A	RGB 111 109 74	#6F6D4A
50.0%	50.0% #6E714B	RGB 110 113 75	#6E714B
66.7%	66.7% #6C734B	RGB 108 115 75	#6C734B
83.3%	83.3% #69754B	RGB 105 117 75	#69754B
100.0%	100.0% #67774C	RGB 103 119 76	#67774C

#6B634A #6D684A #6F6D4A #6E714B #6C734B #69754B #67774C

#6B634A - #6E714B - #67774C

CSSコード

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

/* HSV Gradation */
div {                
    background: -moz-linear-gradient(top, #6B634A 0%, #6E714B 50%, #67774C 100%);
    background: -webkit-linear-gradient(top, #6B634A 0%, #6E714B 50%, #67774C 100%);
    background: linear-gradient(to bottom, #6B634A 0%, #6E714B 50%, #67774C 100%); 
}
</style>