#323138 - #313832 | colorate

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

Blend #323138 to #313832

#323138

#313832

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

RGBブレンド

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

0.0%	0.0% #323138	RGB 50 49 56	#323138
16.7%	16.7% #323237	RGB 50 50 55	#323237
33.3%	33.3% #323336	RGB 50 51 54	#323336
50.0%	50.0% #323435	RGB 50 52 53	#323435
66.7%	66.7% #323534	RGB 50 53 52	#323534
83.3%	83.3% #323633	RGB 50 54 51	#323633
100.0%	100.0% #313832	RGB 49 56 50	#313832

#323138 #323237 #323336 #323435 #323534 #323633 #313832

#323138 - #313832

HSVブレンド

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

0.0%	0.0% #323138	RGB 50 49 56	#323138
16.7%	16.7% #313238	RGB 49 50 56	#313238
33.3%	33.3% #313438	RGB 49 52 56	#313438
50.0%	50.0% #313738	RGB 49 55 56	#313738
66.7%	66.7% #313836	RGB 49 56 54	#313836
83.3%	83.3% #313834	RGB 49 56 52	#313834
100.0%	100.0% #313832	RGB 49 56 50	#313832

#323138 #313238 #313438 #313738 #313836 #313834 #313832

#323138 - #313738 - #313832

CSSコード

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

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