#97507A - #B04B68 | colorate

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

Blend #97507A to #B04B68

#97507A

#B04B68

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

RGBブレンド

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

0.0%	0.0% #97507A	RGB 151 80 122	#97507A
16.7%	16.7% #9B5077	RGB 155 80 119	#9B5077
33.3%	33.3% #9F4F74	RGB 159 79 116	#9F4F74
50.0%	50.0% #A34E71	RGB 163 78 113	#A34E71
66.7%	66.7% #A74D6E	RGB 167 77 110	#A74D6E
83.3%	83.3% #AB4C6B	RGB 171 76 107	#AB4C6B
100.0%	100.0% #B04B68	RGB 176 75 104	#B04B68

#97507A #9B5077 #9F4F74 #A34E71 #A74D6E #AB4C6B #B04B68

#97507A - #B04B68

HSVブレンド

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

0.0%	0.0% #97507A	RGB 151 80 122	#97507A
16.7%	16.7% #9B4F78	RGB 155 79 120	#9B4F78
33.3%	33.3% #9F4E76	RGB 159 78 118	#9F4E76
50.0%	50.0% #A34E73	RGB 163 78 115	#A34E73
66.7%	66.7% #A74D70	RGB 167 77 112	#A74D70
83.3%	83.3% #AB4C6C	RGB 171 76 108	#AB4C6C
100.0%	100.0% #B04B68	RGB 176 75 104	#B04B68

#97507A #9B4F78 #9F4E76 #A34E73 #A74D70 #AB4C6C #B04B68

#97507A - #A34E73 - #B04B68

CSSコード

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

/* HSV Gradation */
div {                
    background: -moz-linear-gradient(top, #97507A 0%, #A34E73 50%, #B04B68 100%);
    background: -webkit-linear-gradient(top, #97507A 0%, #A34E73 50%, #B04B68 100%);
    background: linear-gradient(to bottom, #97507A 0%, #A34E73 50%, #B04B68 100%); 
}
</style>