#949791 - #939197 | colorate

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

Blend #949791 to #939197

#949791

#939197

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

RGBブレンド

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

0.0%	0.0% #949791	RGB 148 151 145	#949791
16.7%	16.7% #949692	RGB 148 150 146	#949692
33.3%	33.3% #949593	RGB 148 149 147	#949593
50.0%	50.0% #949494	RGB 148 148 148	#949494
66.7%	66.7% #949395	RGB 148 147 149	#949395
83.3%	83.3% #949296	RGB 148 146 150	#949296
100.0%	100.0% #939197	RGB 147 145 151	#939197

#949791 #949692 #949593 #949494 #949395 #949296 #939197

#949791 - #939197

HSVブレンド

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

0.0%	0.0% #949791	RGB 148 151 145	#949791
16.7%	16.7% #919791	RGB 145 151 145	#919791
33.3%	33.3% #919793	RGB 145 151 147	#919793
50.0%	50.0% #919796	RGB 145 151 150	#919796
66.7%	66.7% #919497	RGB 145 148 151	#919497
83.3%	83.3% #919197	RGB 145 145 151	#919197
100.0%	100.0% #939197	RGB 147 145 151	#939197

#949791 #919791 #919793 #919796 #919497 #919197 #939197

#949791 - #919796 - #939197

CSSコード

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

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