#7E7576 - #111010 | colorate

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

Blend #7E7576 to #111010

#7E7576

#111010

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

RGBブレンド

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

0.0%	0.0% #7E7576	RGB 126 117 118	#7E7576
16.7%	16.7% #6C6565	RGB 108 101 101	#6C6565
33.3%	33.3% #5A5454	RGB 90 84 84	#5A5454
50.0%	50.0% #484343	RGB 72 67 67	#484343
66.7%	66.7% #363232	RGB 54 50 50	#363232
83.3%	83.3% #242121	RGB 36 33 33	#242121
100.0%	100.0% #111010	RGB 17 16 16	#111010

#7E7576 #6C6565 #5A5454 #484343 #363232 #242121 #111010

#7E7576 - #111010

HSVブレンド

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

0.0%	0.0% #7E7576	RGB 126 117 118	#7E7576
16.7%	16.7% #6B6465	RGB 107 100 101	#6B6465
33.3%	33.3% #595354	RGB 89 83 84	#595354
50.0%	50.0% #474243	RGB 71 66 67	#474243
66.7%	66.7% #353132	RGB 53 49 50	#353132
83.3%	83.3% #232121	RGB 35 33 33	#232121
100.0%	100.0% #111010	RGB 17 16 16	#111010

#7E7576 #6B6465 #595354 #474243 #353132 #232121 #111010

#7E7576 - #474243 - #111010

CSSコード

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

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