#828688 - #5E646E | colorate

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

Blend #828688 to #5E646E

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

RGBブレンド

#828688 - #5E646E | colorate

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

0.0%	0.0% #828688	RGB 130 134 136	#828688
16.7%	16.7% #7C8083	RGB 124 128 131	#7C8083
33.3%	33.3% #767A7F	RGB 118 122 127	#767A7F
50.0%	50.0% #70757B	RGB 112 117 123	#70757B
66.7%	66.7% #6A6F76	RGB 106 111 118	#6A6F76
83.3%	83.3% #646972	RGB 100 105 114	#646972
100.0%	100.0% #5E646E	RGB 94 100 110	#5E646E

#828688 #7C8083 #767A7F #70757B #6A6F76 #646972 #5E646E

#828688 - #5E646E

HSVブレンド

#828688 - #5E646E | colorate

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

0.0%	0.0% #828688	RGB 130 134 136	#828688
16.7%	16.7% #7B8083	RGB 123 128 131	#7B8083
33.3%	33.3% #757B7F	RGB 117 123 127	#757B7F
50.0%	50.0% #6F757B	RGB 111 117 123	#6F757B
66.7%	66.7% #696F76	RGB 105 111 118	#696F76
83.3%	83.3% #636972	RGB 99 105 114	#636972
100.0%	100.0% #5E646E	RGB 94 100 110	#5E646E

#828688 #7B8083 #757B7F #6F757B #696F76 #636972 #5E646E

#828688 - #6F757B - #5E646E

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #828688 0%, #6F757B 50%, #5E646E 100%);
    background: -webkit-linear-gradient(top, #828688 0%, #6F757B 50%, #5E646E 100%);
    background: linear-gradient(to bottom, #828688 0%, #6F757B 50%, #5E646E 100%);
}
</style>