#626068 - #606862 | colorate

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

Blend #626068 to #606862

#626068

#606862

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

RGBブレンド

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

0.0%	0.0% #626068	RGB 98 96 104	#626068
16.7%	16.7% #626167	RGB 98 97 103	#626167
33.3%	33.3% #626266	RGB 98 98 102	#626266
50.0%	50.0% #616465	RGB 97 100 101	#616465
66.7%	66.7% #616564	RGB 97 101 100	#616564
83.3%	83.3% #616663	RGB 97 102 99	#616663
100.0%	100.0% #606862	RGB 96 104 98	#606862

#626068 #626167 #626266 #616465 #616564 #616663 #606862

#626068 - #606862

HSVブレンド

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

0.0%	0.0% #626068	RGB 98 96 104	#626068
16.7%	16.7% #606068	RGB 96 96 104	#606068
33.3%	33.3% #606368	RGB 96 99 104	#606368
50.0%	50.0% #606668	RGB 96 102 104	#606668
66.7%	66.7% #606867	RGB 96 104 103	#606867
83.3%	83.3% #606864	RGB 96 104 100	#606864
100.0%	100.0% #606862	RGB 96 104 98	#606862

#626068 #606068 #606368 #606668 #606867 #606864 #606862

#626068 - #606668 - #606862

CSSコード

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

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