#726C6E - #584A4B | colorate

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

Blend #726C6E to #584A4B

#726C6E

#584A4B

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

RGBブレンド

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

0.0%	0.0% #726C6E	RGB 114 108 110	#726C6E
16.7%	16.7% #6E6769	RGB 110 103 105	#6E6769
33.3%	33.3% #6A6163	RGB 106 97 99	#6A6163
50.0%	50.0% #655B5D	RGB 101 91 93	#655B5D
66.7%	66.7% #615657	RGB 97 86 87	#615657
83.3%	83.3% #5D5051	RGB 93 80 81	#5D5051
100.0%	100.0% #584A4B	RGB 88 74 75	#584A4B

#726C6E #6E6769 #6A6163 #655B5D #615657 #5D5051 #584A4B

#726C6E - #584A4B

HSVブレンド

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

0.0%	0.0% #726C6E	RGB 114 108 110	#726C6E
16.7%	16.7% #6D6568	RGB 109 101 104	#6D6568
33.3%	33.3% #696062	RGB 105 96 98	#696062
50.0%	50.0% #655A5C	RGB 101 90 92	#655A5C
66.7%	66.7% #605456	RGB 96 84 86	#605456
83.3%	83.3% #5C4F50	RGB 92 79 80	#5C4F50
100.0%	100.0% #584A4B	RGB 88 74 75	#584A4B

#726C6E #6D6568 #696062 #655A5C #605456 #5C4F50 #584A4B

#726C6E - #655A5C - #584A4B

CSSコード

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

/* HSV Gradation */
div {                
    background: -moz-linear-gradient(top, #726C6E 0%, #655A5C 50%, #584A4B 100%);
    background: -webkit-linear-gradient(top, #726C6E 0%, #655A5C 50%, #584A4B 100%);
    background: linear-gradient(to bottom, #726C6E 0%, #655A5C 50%, #584A4B 100%); 
}
</style>