#858690 - #636176 | colorate

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

Blend #858690 to #636176

#858690 #636176

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

RGBブレンド

#858690 - #636176 | colorate

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

0.0%	0.0% #858690	RGB 133 134 144	#858690
16.7%	16.7% #7F7F8B	RGB 127 127 139	#7F7F8B
33.3%	33.3% #797987	RGB 121 121 135	#797987
50.0%	50.0% #747383	RGB 116 115 131	#747383
66.7%	66.7% #6E6D7E	RGB 110 109 126	#6E6D7E
83.3%	83.3% #68677A	RGB 104 103 122	#68677A
100.0%	100.0% #636176	RGB 99 97 118	#636176

#858690 #7F7F8B #797987 #747383 #6E6D7E #68677A #636176

#858690 - #636176

HSVブレンド

#858690 - #636176 | colorate

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

0.0%	0.0% #858690	RGB 133 134 144	#858690
16.7%	16.7% #7E7F8B	RGB 126 127 139	#7E7F8B
33.3%	33.3% #787887	RGB 120 120 135	#787887
50.0%	50.0% #727283	RGB 114 114 131	#727283
66.7%	66.7% #6D6C7E	RGB 109 108 126	#6D6C7E
83.3%	83.3% #67667A	RGB 103 102 122	#67667A
100.0%	100.0% #636176	RGB 99 97 118	#636176

#858690 #7E7F8B #787887 #727283 #6D6C7E #67667A #636176

#858690 - #727283 - #636176

CSSコード

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

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