#8F4C87 - #9B4A61 | colorate

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

Blend #8F4C87 to #9B4A61

#8F4C87

#9B4A61

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

RGBブレンド

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

0.0%	0.0% #8F4C87	RGB 143 76 135	#8F4C87
16.7%	16.7% #914C81	RGB 145 76 129	#914C81
33.3%	33.3% #934C7B	RGB 147 76 123	#934C7B
50.0%	50.0% #954B74	RGB 149 75 116	#954B74
66.7%	66.7% #974B6E	RGB 151 75 110	#974B6E
83.3%	83.3% #994B68	RGB 153 75 104	#994B68
100.0%	100.0% #9B4A61	RGB 155 74 97	#9B4A61

#8F4C87 #914C81 #934C7B #954B74 #974B6E #994B68 #9B4A61

#8F4C87 - #9B4A61

HSVブレンド

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

0.0%	0.0% #8F4C87	RGB 143 76 135	#8F4C87
16.7%	16.7% #914B81	RGB 145 75 129	#914B81
33.3%	33.3% #934B7C	RGB 147 75 124	#934B7C
50.0%	50.0% #954B76	RGB 149 75 118	#954B76
66.7%	66.7% #974A6F	RGB 151 74 111	#974A6F
83.3%	83.3% #994A68	RGB 153 74 104	#994A68
100.0%	100.0% #9B4A61	RGB 155 74 97	#9B4A61

#8F4C87 #914B81 #934B7C #954B76 #974A6F #994A68 #9B4A61

#8F4C87 - #954B76 - #9B4A61

CSSコード

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

/* HSV Gradation */
div {                
    background: -moz-linear-gradient(top, #8F4C87 0%, #954B76 50%, #9B4A61 100%);
    background: -webkit-linear-gradient(top, #8F4C87 0%, #954B76 50%, #9B4A61 100%);
    background: linear-gradient(to bottom, #8F4C87 0%, #954B76 50%, #9B4A61 100%); 
}
</style>