#647689 - #6B6595 | colorate

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

Blend #647689 to #6B6595

#647689 #6B6595

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

RGBブレンド

#647689 - #6B6595 | colorate

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

0.0%	0.0% #647689	RGB 100 118 137	#647689
16.7%	16.7% #65738B	RGB 101 115 139	#65738B
33.3%	33.3% #66708D	RGB 102 112 141	#66708D
50.0%	50.0% #676D8F	RGB 103 109 143	#676D8F
66.7%	66.7% #686A91	RGB 104 106 145	#686A91
83.3%	83.3% #696793	RGB 105 103 147	#696793
100.0%	100.0% #6B6595	RGB 107 101 149	#6B6595

#647689 #65738B #66708D #676D8F #686A91 #696793 #6B6595

#647689 - #6B6595

HSVブレンド

#647689 - #6B6595 | colorate

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

0.0%	0.0% #647689	RGB 100 118 137	#647689
16.7%	16.7% #64738B	RGB 100 115 139	#64738B
33.3%	33.3% #646F8D	RGB 100 111 141	#646F8D
50.0%	50.0% #646C8F	RGB 100 108 143	#646C8F
66.7%	66.7% #646891	RGB 100 104 145	#646891
83.3%	83.3% #656493	RGB 101 100 147	#656493
100.0%	100.0% #6B6595	RGB 107 101 149	#6B6595

#647689 #64738B #646F8D #646C8F #646891 #656493 #6B6595

#647689 - #646C8F - #6B6595

CSSコード

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

/* HSV Gradation */
div {
    background: -moz-linear-gradient(top, #647689 0%, #646C8F 50%, #6B6595 100%);
    background: -webkit-linear-gradient(top, #647689 0%, #646C8F 50%, #6B6595 100%);
    background: linear-gradient(to bottom, #647689 0%, #646C8F 50%, #6B6595 100%);
}
</style>