#AD6EFF - #531ABA | colorate

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

Blend #AD6EFF to #531ABA

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

RGBブレンド

#AD6EFF - #531ABA | colorate

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

0.0%	0.0% #AD6EFF	RGB 173 110 255	#AD6EFF
16.7%	16.7% #9E60F3	RGB 158 96 243	#9E60F3
33.3%	33.3% #8F52E8	RGB 143 82 232	#8F52E8
50.0%	50.0% #8044DC	RGB 128 68 220	#8044DC
66.7%	66.7% #7136D1	RGB 113 54 209	#7136D1
83.3%	83.3% #6228C5	RGB 98 40 197	#6228C5
100.0%	100.0% #531ABA	RGB 83 26 186	#531ABA

#AD6EFF #9E60F3 #8F52E8 #8044DC #7136D1 #6228C5 #531ABA

#AD6EFF - #531ABA

HSVブレンド

#AD6EFF - #531ABA | colorate

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

0.0%	0.0% #AD6EFF	RGB 173 110 255	#AD6EFF
16.7%	16.7% #9C5DF3	RGB 156 93 243	#9C5DF3
33.3%	33.3% #8C4DE8	RGB 140 77 232	#8C4DE8
50.0%	50.0% #7D3EDC	RGB 125 62 220	#7D3EDC
66.7%	66.7% #6E31D1	RGB 110 49 209	#6E31D1
83.3%	83.3% #6025C5	RGB 96 37 197	#6025C5
100.0%	100.0% #531ABA	RGB 83 26 186	#531ABA

#AD6EFF #9C5DF3 #8C4DE8 #7D3EDC #6E31D1 #6025C5 #531ABA

#AD6EFF - #7D3EDC - #531ABA

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AD6EFF 0%, #7D3EDC 50%, #531ABA 100%);
    background: -webkit-linear-gradient(top, #AD6EFF 0%, #7D3EDC 50%, #531ABA 100%);
    background: linear-gradient(to bottom, #AD6EFF 0%, #7D3EDC 50%, #531ABA 100%);
}
</style>