#5E666E - #BEA890 | colorate

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

Blend #5E666E to #BEA890

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

RGBブレンド

#5E666E - #BEA890 | colorate

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

0.0%	0.0% #5E666E	RGB 94 102 110	#5E666E
16.7%	16.7% #6E7173	RGB 110 113 115	#6E7173
33.3%	33.3% #7E7C79	RGB 126 124 121	#7E7C79
50.0%	50.0% #8E877F	RGB 142 135 127	#8E877F
66.7%	66.7% #9E9284	RGB 158 146 132	#9E9284
83.3%	83.3% #AE9D8A	RGB 174 157 138	#AE9D8A
100.0%	100.0% #BEA890	RGB 190 168 144	#BEA890

#5E666E #6E7173 #7E7C79 #8E877F #9E9284 #AE9D8A #BEA890

#5E666E - #BEA890

HSVブレンド

#5E666E - #BEA890 | colorate

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

0.0%	0.0% #5E666E	RGB 94 102 110	#5E666E
16.7%	16.7% #677B7B	RGB 103 123 123	#677B7B
33.3%	33.3% #70887C	RGB 112 136 124	#70887C
50.0%	50.0% #789679	RGB 120 150 121	#789679
66.7%	66.7% #91A381	RGB 145 163 129	#91A381
83.3%	83.3% #AFB088	RGB 175 176 136	#AFB088
100.0%	100.0% #BEA890	RGB 190 168 144	#BEA890

#5E666E #677B7B #70887C #789679 #91A381 #AFB088 #BEA890

#5E666E - #789679 - #BEA890

CSSコード

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

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