#666D66 - #C4B380 | colorate

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

Blend #666D66 to #C4B380

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

RGBブレンド

#666D66 - #C4B380 | colorate

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

0.0%	0.0% #666D66	RGB 102 109 102	#666D66
16.7%	16.7% #75786A	RGB 117 120 106	#75786A
33.3%	33.3% #85846E	RGB 133 132 110	#85846E
50.0%	50.0% #959073	RGB 149 144 115	#959073
66.7%	66.7% #A49B77	RGB 164 155 119	#A49B77
83.3%	83.3% #B4A77B	RGB 180 167 123	#B4A77B
100.0%	100.0% #C4B380	RGB 196 179 128	#C4B380

#666D66 #75786A #85846E #959073 #A49B77 #B4A77B #C4B380

#666D66 - #C4B380

HSVブレンド

#666D66 - #C4B380 | colorate

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

0.0%	0.0% #666D66	RGB 102 109 102	#666D66
16.7%	16.7% #707B6D	RGB 112 123 109	#707B6D
33.3%	33.3% #7D8A74	RGB 125 138 116	#7D8A74
50.0%	50.0% #8C9879	RGB 140 152 121	#8C9879
66.7%	66.7% #9FA77C	RGB 159 167 124	#9FA77C
83.3%	83.3% #B5B37F	RGB 181 179 127	#B5B37F
100.0%	100.0% #C4B380	RGB 196 179 128	#C4B380

#666D66 #707B6D #7D8A74 #8C9879 #9FA77C #B5B37F #C4B380

#666D66 - #8C9879 - #C4B380

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #666D66 0%, #8C9879 50%, #C4B380 100%);
    background: -webkit-linear-gradient(top, #666D66 0%, #8C9879 50%, #C4B380 100%);
    background: linear-gradient(to bottom, #666D66 0%, #8C9879 50%, #C4B380 100%);
}
</style>