#8E765D - #5D8E75 | colorate

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

Blend #8E765D to #5D8E75

#8E765D

#5D8E75

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

RGBブレンド

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

0.0%	0.0% #8E765D	RGB 142 118 93	#8E765D
16.7%	16.7% #867A61	RGB 134 122 97	#867A61
33.3%	33.3% #7E7E65	RGB 126 126 101	#7E7E65
50.0%	50.0% #768269	RGB 118 130 105	#768269
66.7%	66.7% #6E866D	RGB 110 134 109	#6E866D
83.3%	83.3% #668A71	RGB 102 138 113	#668A71
100.0%	100.0% #5D8E75	RGB 93 142 117	#5D8E75

#8E765D #867A61 #7E7E65 #768269 #6E866D #668A71 #5D8E75

#8E765D - #5D8E75

HSVブレンド

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

0.0%	0.0% #8E765D	RGB 142 118 93	#8E765D
16.7%	16.7% #8E865D	RGB 142 134 93	#8E865D
33.3%	33.3% #858E5D	RGB 133 142 93	#858E5D
50.0%	50.0% #758E5D	RGB 117 142 93	#758E5D
66.7%	66.7% #658E5D	RGB 101 142 93	#658E5D
83.3%	83.3% #5D8E64	RGB 93 142 100	#5D8E64
100.0%	100.0% #5D8E75	RGB 93 142 117	#5D8E75

#8E765D #8E865D #858E5D #758E5D #658E5D #5D8E64 #5D8E75

#8E765D - #758E5D - #5D8E75

CSSコード

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

/* HSV Gradation */
div {                
    background: -moz-linear-gradient(top, #8E765D 0%, #758E5D 50%, #5D8E75 100%);
    background: -webkit-linear-gradient(top, #8E765D 0%, #758E5D 50%, #5D8E75 100%);
    background: linear-gradient(to bottom, #8E765D 0%, #758E5D 50%, #5D8E75 100%); 
}
</style>