#820E77 - #68003F | colorate

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

Blend #820E77 to #68003F

#820E77

#68003F

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

RGBブレンド

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

0.0%	0.0% #820E77	RGB 130 14 119	#820E77
16.7%	16.7% #7E0C6E	RGB 126 12 110	#7E0C6E
33.3%	33.3% #7A0A65	RGB 122 10 101	#7A0A65
50.0%	50.0% #75075B	RGB 117 7 91	#75075B
66.7%	66.7% #710552	RGB 113 5 82	#710552
83.3%	83.3% #6D0349	RGB 109 3 73	#6D0349
100.0%	100.0% #68003F	RGB 104 0 63	#68003F

#820E77 #7E0C6E #7A0A65 #75075B #710552 #6D0349 #68003F

#820E77 - #68003F

HSVブレンド

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

0.0%	0.0% #820E77	RGB 130 14 119	#820E77
16.7%	16.7% #7D0B6D	RGB 125 11 109	#7D0B6D
33.3%	33.3% #790863	RGB 121 8 99	#790863
50.0%	50.0% #750659	RGB 117 6 89	#750659
66.7%	66.7% #700450	RGB 112 4 80	#700450
83.3%	83.3% #6C0147	RGB 108 1 71	#6C0147
100.0%	100.0% #68003E	RGB 104 0 62	#68003E

#820E77 #7D0B6D #790863 #750659 #700450 #6C0147 #68003E

#820E77 - #750659 - #68003E

CSSコード

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

/* HSV Gradation */
div {                
    background: -moz-linear-gradient(top, #820E77 0%, #750659 50%, #68003E 100%);
    background: -webkit-linear-gradient(top, #820E77 0%, #750659 50%, #68003E 100%);
    background: linear-gradient(to bottom, #820E77 0%, #750659 50%, #68003E 100%); 
}
</style>