#526753 - #675266 | colorate

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

Blend #526753 to #675266

#526753

#675266

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

RGBブレンド

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

0.0%	0.0% #526753	RGB 82 103 83	#526753
16.7%	16.7% #556456	RGB 85 100 86	#556456
33.3%	33.3% #596059	RGB 89 96 89	#596059
50.0%	50.0% #5C5D5C	RGB 92 93 92	#5C5D5C
66.7%	66.7% #60595F	RGB 96 89 95	#60595F
83.3%	83.3% #635662	RGB 99 86 98	#635662
100.0%	100.0% #675266	RGB 103 82 102	#675266

#526753 #556456 #596059 #5C5D5C #60595F #635662 #675266

#526753 - #675266

HSVブレンド

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

0.0%	0.0% #526753	RGB 82 103 83	#526753
16.7%	16.7% #52675D	RGB 82 103 93	#52675D
33.3%	33.3% #526667	RGB 82 102 103	#526667
50.0%	50.0% #525B67	RGB 82 91 103	#525B67
66.7%	66.7% #535267	RGB 83 82 103	#535267
83.3%	83.3% #5D5267	RGB 93 82 103	#5D5267
100.0%	100.0% #675266	RGB 103 82 102	#675266

#526753 #52675D #526667 #525B67 #535267 #5D5267 #675266

#526753 - #525B67 - #675266

CSSコード

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

/* HSV Gradation */
div {                
    background: -moz-linear-gradient(top, #526753 0%, #525B67 50%, #675266 100%);
    background: -webkit-linear-gradient(top, #526753 0%, #525B67 50%, #675266 100%);
    background: linear-gradient(to bottom, #526753 0%, #525B67 50%, #675266 100%); 
}
</style>