#A5739C - #B1727A | colorate

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

Blend #A5739C to #B1727A

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

RGBブレンド

#A5739C - #B1727A | colorate

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

0.0%	0.0% #A5739C	RGB 165 115 156	#A5739C
16.7%	16.7% #A77296	RGB 167 114 150	#A77296
33.3%	33.3% #A97290	RGB 169 114 144	#A97290
50.0%	50.0% #AB728B	RGB 171 114 139	#AB728B
66.7%	66.7% #AD7285	RGB 173 114 133	#AD7285
83.3%	83.3% #AF727F	RGB 175 114 127	#AF727F
100.0%	100.0% #B1727A	RGB 177 114 122	#B1727A

#A5739C #A77296 #A97290 #AB728B #AD7285 #AF727F #B1727A

#A5739C - #B1727A

HSVブレンド

#A5739C - #B1727A | colorate

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

0.0%	0.0% #A5739C	RGB 165 115 156	#A5739C
16.7%	16.7% #A77297	RGB 167 114 151	#A77297
33.3%	33.3% #A97292	RGB 169 114 146	#A97292
50.0%	50.0% #AB728D	RGB 171 114 141	#AB728D
66.7%	66.7% #AD7287	RGB 173 114 135	#AD7287
83.3%	83.3% #AF7280	RGB 175 114 128	#AF7280
100.0%	100.0% #B1727A	RGB 177 114 122	#B1727A

#A5739C #A77297 #A97292 #AB728D #AD7287 #AF7280 #B1727A

#A5739C - #AB728D - #B1727A

CSSコード

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

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