#80849A - #9A9680 | colorate

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

Blend #80849A to #9A9680

#80849A

#9A9680

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

RGBブレンド

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

0.0%	0.0% #80849A	RGB 128 132 154	#80849A
16.7%	16.7% #848796	RGB 132 135 150	#848796
33.3%	33.3% #888A92	RGB 136 138 146	#888A92
50.0%	50.0% #8D8D8D	RGB 141 141 141	#8D8D8D
66.7%	66.7% #919089	RGB 145 144 137	#919089
83.3%	83.3% #959385	RGB 149 147 133	#959385
100.0%	100.0% #9A9680	RGB 154 150 128	#9A9680

#80849A #848796 #888A92 #8D8D8D #919089 #959385 #9A9680

#80849A - #9A9680

HSVブレンド

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

0.0%	0.0% #80849A	RGB 128 132 154	#80849A
16.7%	16.7% #80919A	RGB 128 145 154	#80919A
33.3%	33.3% #809A96	RGB 128 154 150	#809A96
50.0%	50.0% #809A89	RGB 128 154 137	#809A89
66.7%	66.7% #849A80	RGB 132 154 128	#849A80
83.3%	83.3% #919A80	RGB 145 154 128	#919A80
100.0%	100.0% #9A9680	RGB 154 150 128	#9A9680

#80849A #80919A #809A96 #809A89 #849A80 #919A80 #9A9680

#80849A - #809A89 - #9A9680

CSSコード

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

/* HSV Gradation */
div {                
    background: -moz-linear-gradient(top, #80849A 0%, #809A89 50%, #9A9680 100%);
    background: -webkit-linear-gradient(top, #80849A 0%, #809A89 50%, #9A9680 100%);
    background: linear-gradient(to bottom, #80849A 0%, #809A89 50%, #9A9680 100%); 
}
</style>