#ACB6B5 - #457C7B | colorate

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

Blend #ACB6B5 to #457C7B

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

RGBブレンド

#ACB6B5 - #457C7B | colorate

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

0.0%	0.0% #ACB6B5	RGB 172 182 181	#ACB6B5
16.7%	16.7% #9AACAB	RGB 154 172 171	#9AACAB
33.3%	33.3% #89A2A1	RGB 137 162 161	#89A2A1
50.0%	50.0% #789998	RGB 120 153 152	#789998
66.7%	66.7% #678F8E	RGB 103 143 142	#678F8E
83.3%	83.3% #568584	RGB 86 133 132	#568584
100.0%	100.0% #457C7B	RGB 69 124 123	#457C7B

#ACB6B5 #9AACAB #89A2A1 #789998 #678F8E #568584 #457C7B

#ACB6B5 - #457C7B

HSVブレンド

#ACB6B5 - #457C7B | colorate

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

0.0%	0.0% #ACB6B5	RGB 172 182 181	#ACB6B5
16.7%	16.7% #97ACAA	RGB 151 172 170	#97ACAA
33.3%	33.3% #84A2A0	RGB 132 162 160	#84A2A0
50.0%	50.0% #729996	RGB 114 153 150	#729996
66.7%	66.7% #628F8D	RGB 98 143 141	#628F8D
83.3%	83.3% #538584	RGB 83 133 132	#538584
100.0%	100.0% #457C7B	RGB 69 124 123	#457C7B

#ACB6B5 #97ACAA #84A2A0 #729996 #628F8D #538584 #457C7B

#ACB6B5 - #729996 - #457C7B

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #ACB6B5 0%, #729996 50%, #457C7B 100%);
    background: -webkit-linear-gradient(top, #ACB6B5 0%, #729996 50%, #457C7B 100%);
    background: linear-gradient(to bottom, #ACB6B5 0%, #729996 50%, #457C7B 100%);
}
</style>