#626965 - #656269 | colorate

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

Blend #626965 to #656269

#626965

#656269

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

RGBブレンド

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

0.0%	0.0% #626965	RGB 98 105 101	#626965
16.7%	16.7% #626865	RGB 98 104 101	#626865
33.3%	33.3% #636766	RGB 99 103 102	#636766
50.0%	50.0% #636667	RGB 99 102 103	#636667
66.7%	66.7% #646567	RGB 100 101 103	#646567
83.3%	83.3% #646468	RGB 100 100 104	#646468
100.0%	100.0% #656269	RGB 101 98 105	#656269

#626965 #626865 #636766 #636667 #646567 #646468 #656269

#626965 - #656269

HSVブレンド

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

0.0%	0.0% #626965	RGB 98 105 101	#626965
16.7%	16.7% #626967	RGB 98 105 103	#626967
33.3%	33.3% #626869	RGB 98 104 105	#626869
50.0%	50.0% #626669	RGB 98 102 105	#626669
66.7%	66.7% #626369	RGB 98 99 105	#626369
83.3%	83.3% #626269	RGB 98 98 105	#626269
100.0%	100.0% #656269	RGB 101 98 105	#656269

#626965 #626967 #626869 #626669 #626369 #626269 #656269

#626965 - #626669 - #656269

CSSコード

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

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