#7F5C85 - #6B3F63 | colorate

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

Blend #7F5C85 to #6B3F63

#7F5C85

#6B3F63

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

RGBブレンド

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

0.0%	0.0% #7F5C85	RGB 127 92 133	#7F5C85
16.7%	16.7% #7C5880	RGB 124 88 128	#7C5880
33.3%	33.3% #79537A	RGB 121 83 122	#79537A
50.0%	50.0% #754E74	RGB 117 78 116	#754E74
66.7%	66.7% #72496F	RGB 114 73 111	#72496F
83.3%	83.3% #6F4469	RGB 111 68 105	#6F4469
100.0%	100.0% #6B3F63	RGB 107 63 99	#6B3F63

#7F5C85 #7C5880 #79537A #754E74 #72496F #6F4469 #6B3F63

#7F5C85 - #6B3F63

HSVブレンド

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

0.0%	0.0% #7F5C85	RGB 127 92 133	#7F5C85
16.7%	16.7% #7C5680	RGB 124 86 128	#7C5680
33.3%	33.3% #7A517C	RGB 122 81 124	#7A517C
50.0%	50.0% #784C77	RGB 120 76 119	#784C77
66.7%	66.7% #734870	RGB 115 72 112	#734870
83.3%	83.3% #6F4369	RGB 111 67 105	#6F4369
100.0%	100.0% #6B3F63	RGB 107 63 99	#6B3F63

#7F5C85 #7C5680 #7A517C #784C77 #734870 #6F4369 #6B3F63

#7F5C85 - #784C77 - #6B3F63

CSSコード

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

/* HSV Gradation */
div {                
    background: -moz-linear-gradient(top, #7F5C85 0%, #784C77 50%, #6B3F63 100%);
    background: -webkit-linear-gradient(top, #7F5C85 0%, #784C77 50%, #6B3F63 100%);
    background: linear-gradient(to bottom, #7F5C85 0%, #784C77 50%, #6B3F63 100%); 
}
</style>