#81648F - #A864A7 | colorate

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

Blend #81648F to #A864A7

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

RGBブレンド

#81648F - #A864A7 | colorate

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

0.0%	0.0% #81648F	RGB 129 100 143	#81648F
16.7%	16.7% #876493	RGB 135 100 147	#876493
33.3%	33.3% #8E6497	RGB 142 100 151	#8E6497
50.0%	50.0% #94649B	RGB 148 100 155	#94649B
66.7%	66.7% #9B649F	RGB 155 100 159	#9B649F
83.3%	83.3% #A164A3	RGB 161 100 163	#A164A3
100.0%	100.0% #A864A7	RGB 168 100 167	#A864A7

#81648F #876493 #8E6497 #94649B #9B649F #A164A3 #A864A7

#81648F - #A864A7

HSVブレンド

#81648F - #A864A7 | colorate

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

0.0%	0.0% #81648F	RGB 129 100 143	#81648F
16.7%	16.7% #866493	RGB 134 100 147	#866493
33.3%	33.3% #8C6497	RGB 140 100 151	#8C6497
50.0%	50.0% #92649B	RGB 146 100 155	#92649B
66.7%	66.7% #99649F	RGB 153 100 159	#99649F
83.3%	83.3% #A164A3	RGB 161 100 163	#A164A3
100.0%	100.0% #A864A7	RGB 168 100 167	#A864A7

#81648F #866493 #8C6497 #92649B #99649F #A164A3 #A864A7

#81648F - #92649B - #A864A7

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #81648F 0%, #92649B 50%, #A864A7 100%);
    background: -webkit-linear-gradient(top, #81648F 0%, #92649B 50%, #A864A7 100%);
    background: linear-gradient(to bottom, #81648F 0%, #92649B 50%, #A864A7 100%);
}
</style>