#7C6789 - #738967 | colorate

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

Blend #7C6789 to #738967

#7C6789

#738967

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

RGBブレンド

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

0.0%	0.0% #7C6789	RGB 124 103 137	#7C6789
16.7%	16.7% #7B6C84	RGB 123 108 132	#7B6C84
33.3%	33.3% #79727E	RGB 121 114 126	#79727E
50.0%	50.0% #787878	RGB 120 120 120	#787878
66.7%	66.7% #767D73	RGB 118 125 115	#767D73
83.3%	83.3% #75836D	RGB 117 131 109	#75836D
100.0%	100.0% #738967	RGB 115 137 103	#738967

#7C6789 #7B6C84 #79727E #787878 #767D73 #75836D #738967

#7C6789 - #738967

HSVブレンド

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

0.0%	0.0% #7C6789	RGB 124 103 137	#7C6789
16.7%	16.7% #6B6789	RGB 107 103 137	#6B6789
33.3%	33.3% #677389	RGB 103 115 137	#677389
50.0%	50.0% #678489	RGB 103 132 137	#678489
66.7%	66.7% #67897C	RGB 103 137 124	#67897C
83.3%	83.3% #67896B	RGB 103 137 107	#67896B
100.0%	100.0% #738967	RGB 115 137 103	#738967

#7C6789 #6B6789 #677389 #678489 #67897C #67896B #738967

#7C6789 - #678489 - #738967

CSSコード

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

/* HSV Gradation */
div {                
    background: -moz-linear-gradient(top, #7C6789 0%, #678489 50%, #738967 100%);
    background: -webkit-linear-gradient(top, #7C6789 0%, #678489 50%, #738967 100%);
    background: linear-gradient(to bottom, #7C6789 0%, #678489 50%, #738967 100%); 
}
</style>