#545E53 - #5D535E | colorate

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

Blend #545E53 to #5D535E

#545E53

#5D535E

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

RGBブレンド

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

0.0%	0.0% #545E53	RGB 84 94 83	#545E53
16.7%	16.7% #555D54	RGB 85 93 84	#555D54
33.3%	33.3% #575B56	RGB 87 91 86	#575B56
50.0%	50.0% #585958	RGB 88 89 88	#585958
66.7%	66.7% #5A575A	RGB 90 87 90	#5A575A
83.3%	83.3% #5B555C	RGB 91 85 92	#5B555C
100.0%	100.0% #5D535E	RGB 93 83 94	#5D535E

#545E53 #555D54 #575B56 #585958 #5A575A #5B555C #5D535E

#545E53 - #5D535E

HSVブレンド

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

0.0%	0.0% #545E53	RGB 84 94 83	#545E53
16.7%	16.7% #535E57	RGB 83 94 87	#535E57
33.3%	33.3% #535E5D	RGB 83 94 93	#535E5D
50.0%	50.0% #53595E	RGB 83 89 94	#53595E
66.7%	66.7% #53545E	RGB 83 84 94	#53545E
83.3%	83.3% #57535E	RGB 87 83 94	#57535E
100.0%	100.0% #5D535E	RGB 93 83 94	#5D535E

#545E53 #535E57 #535E5D #53595E #53545E #57535E #5D535E

#545E53 - #53595E - #5D535E

CSSコード

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

/* HSV Gradation */
div {                
    background: -moz-linear-gradient(top, #545E53 0%, #53595E 50%, #5D535E 100%);
    background: -webkit-linear-gradient(top, #545E53 0%, #53595E 50%, #5D535E 100%);
    background: linear-gradient(to bottom, #545E53 0%, #53595E 50%, #5D535E 100%); 
}
</style>