#575F36 - #CFD1C5 | colorate

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

Blend #575F36 to #CFD1C5

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

RGBブレンド

#575F36 - #CFD1C5 | colorate

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

0.0%	0.0% #575F36	RGB 87 95 54	#575F36
16.7%	16.7% #6B724D	RGB 107 114 77	#6B724D
33.3%	33.3% #7F8565	RGB 127 133 101	#7F8565
50.0%	50.0% #93987D	RGB 147 152 125	#93987D
66.7%	66.7% #A7AB95	RGB 167 171 149	#A7AB95
83.3%	83.3% #BBBEAD	RGB 187 190 173	#BBBEAD
100.0%	100.0% #CFD1C5	RGB 207 209 197	#CFD1C5

#575F36 #6B724D #7F8565 #93987D #A7AB95 #BBBEAD #CFD1C5

#575F36 - #CFD1C5

HSVブレンド

#575F36 - #CFD1C5 | colorate

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

0.0%	0.0% #575F36	RGB 87 95 54	#575F36
16.7%	16.7% #697247	RGB 105 114 71	#697247
33.3%	33.3% #7D855C	RGB 125 133 92	#7D855C
50.0%	50.0% #919872	RGB 145 152 114	#919872
66.7%	66.7% #A5AB8B	RGB 165 171 139	#A5AB8B
83.3%	83.3% #BABEA7	RGB 186 190 167	#BABEA7
100.0%	100.0% #CFD1C5	RGB 207 209 197	#CFD1C5

#575F36 #697247 #7D855C #919872 #A5AB8B #BABEA7 #CFD1C5

#575F36 - #919872 - #CFD1C5

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #575F36 0%, #919872 50%, #CFD1C5 100%);
    background: -webkit-linear-gradient(top, #575F36 0%, #919872 50%, #CFD1C5 100%);
    background: linear-gradient(to bottom, #575F36 0%, #919872 50%, #CFD1C5 100%);
}
</style>