#8E8B8C - #433D3D | colorate

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

Blend #8E8B8C to #433D3D

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

RGBブレンド

#8E8B8C - #433D3D | colorate

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

0.0%	0.0% #8E8B8C	RGB 142 139 140	#8E8B8C
16.7%	16.7% #817E7E	RGB 129 126 126	#817E7E
33.3%	33.3% #757171	RGB 117 113 113	#757171
50.0%	50.0% #686464	RGB 104 100 100	#686464
66.7%	66.7% #5C5757	RGB 92 87 87	#5C5757
83.3%	83.3% #4F4A4A	RGB 79 74 74	#4F4A4A
100.0%	100.0% #433D3D	RGB 67 61 61	#433D3D

#8E8B8C #817E7E #757171 #686464 #5C5757 #4F4A4A #433D3D

#8E8B8C - #433D3D

HSVブレンド

#8E8B8C - #433D3D | colorate

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

0.0%	0.0% #8E8B8C	RGB 142 139 140	#8E8B8C
16.7%	16.7% #817D7E	RGB 129 125 126	#817D7E
33.3%	33.3% #756F71	RGB 117 111 113	#756F71
50.0%	50.0% #686263	RGB 104 98 99	#686263
66.7%	66.7% #5C5556	RGB 92 85 86	#5C5556
83.3%	83.3% #4F4949	RGB 79 73 73	#4F4949
100.0%	100.0% #433D3D	RGB 67 61 61	#433D3D

#8E8B8C #817D7E #756F71 #686263 #5C5556 #4F4949 #433D3D

#8E8B8C - #686263 - #433D3D

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8E8B8C 0%, #686263 50%, #433D3D 100%);
    background: -webkit-linear-gradient(top, #8E8B8C 0%, #686263 50%, #433D3D 100%);
    background: linear-gradient(to bottom, #8E8B8C 0%, #686263 50%, #433D3D 100%);
}
</style>