#65666A - #202134 | colorate

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

Blend #65666A to #202134

#65666A #202134

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

RGBブレンド

#65666A - #202134 | colorate

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

0.0%	0.0% #65666A	RGB 101 102 106	#65666A
16.7%	16.7% #595A61	RGB 89 90 97	#595A61
33.3%	33.3% #4E4F58	RGB 78 79 88	#4E4F58
50.0%	50.0% #42434F	RGB 66 67 79	#42434F
66.7%	66.7% #373846	RGB 55 56 70	#373846
83.3%	83.3% #2B2C3D	RGB 43 44 61	#2B2C3D
100.0%	100.0% #202134	RGB 32 33 52	#202134

#65666A #595A61 #4E4F58 #42434F #373846 #2B2C3D #202134

#65666A - #202134

HSVブレンド

#65666A - #202134 | colorate

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

0.0%	0.0% #65666A	RGB 101 102 106	#65666A
16.7%	16.7% #565861	RGB 86 88 97	#565861
33.3%	33.3% #494C58	RGB 73 76 88	#494C58
50.0%	50.0% #3D404F	RGB 61 64 79	#3D404F
66.7%	66.7% #323446	RGB 50 52 70	#323446
83.3%	83.3% #282A3D	RGB 40 42 61	#282A3D
100.0%	100.0% #202134	RGB 32 33 52	#202134

#65666A #565861 #494C58 #3D404F #323446 #282A3D #202134

#65666A - #3D404F - #202134

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #65666A 0%, #3D404F 50%, #202134 100%);
    background: -webkit-linear-gradient(top, #65666A 0%, #3D404F 50%, #202134 100%);
    background: linear-gradient(to bottom, #65666A 0%, #3D404F 50%, #202134 100%);
}
</style>