#AA8683 - #B6A683 | colorate

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

Blend #AA8683 to #B6A683

#AA8683

#B6A683

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

RGBブレンド

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

0.0%	0.0% #AA8683	RGB 170 134 131	#AA8683
16.7%	16.7% #AC8B83	RGB 172 139 131	#AC8B83
33.3%	33.3% #AE9083	RGB 174 144 131	#AE9083
50.0%	50.0% #B09683	RGB 176 150 131	#B09683
66.7%	66.7% #B29B83	RGB 178 155 131	#B29B83
83.3%	83.3% #B4A083	RGB 180 160 131	#B4A083
100.0%	100.0% #B6A683	RGB 182 166 131	#B6A683

#AA8683 #AC8B83 #AE9083 #B09683 #B29B83 #B4A083 #B6A683

#AA8683 - #B6A683

HSVブレンド

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

0.0%	0.0% #AA8683	RGB 170 134 131	#AA8683
16.7%	16.7% #AC8A83	RGB 172 138 131	#AC8A83
33.3%	33.3% #AE8F83	RGB 174 143 131	#AE8F83
50.0%	50.0% #B09483	RGB 176 148 131	#B09483
66.7%	66.7% #B29983	RGB 178 153 131	#B29983
83.3%	83.3% #B49F83	RGB 180 159 131	#B49F83
100.0%	100.0% #B6A683	RGB 182 166 131	#B6A683

#AA8683 #AC8A83 #AE8F83 #B09483 #B29983 #B49F83 #B6A683

#AA8683 - #B09483 - #B6A683

CSSコード

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

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