#6E736D - #CBB988 | colorate

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

Blend #6E736D to #CBB988

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

RGBブレンド

#6E736D - #CBB988 | colorate

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

0.0%	0.0% #6E736D	RGB 110 115 109	#6E736D
16.7%	16.7% #7D7E71	RGB 125 126 113	#7D7E71
33.3%	33.3% #8D8A76	RGB 141 138 118	#8D8A76
50.0%	50.0% #9C967A	RGB 156 150 122	#9C967A
66.7%	66.7% #ACA17F	RGB 172 161 127	#ACA17F
83.3%	83.3% #BBAD83	RGB 187 173 131	#BBAD83
100.0%	100.0% #CBB988	RGB 203 185 136	#CBB988

#6E736D #7D7E71 #8D8A76 #9C967A #ACA17F #BBAD83 #CBB988

#6E736D - #CBB988

HSVブレンド

#6E736D - #CBB988 | colorate

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

0.0%	0.0% #6E736D	RGB 110 115 109	#6E736D
16.7%	16.7% #798174	RGB 121 129 116	#798174
33.3%	33.3% #86907B	RGB 134 144 123	#86907B
50.0%	50.0% #969F80	RGB 150 159 128	#969F80
66.7%	66.7% #A9AD84	RGB 169 173 132	#A9AD84
83.3%	83.3% #BCB786	RGB 188 183 134	#BCB786
100.0%	100.0% #CBB988	RGB 203 185 136	#CBB988

#6E736D #798174 #86907B #969F80 #A9AD84 #BCB786 #CBB988

#6E736D - #969F80 - #CBB988

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6E736D 0%, #969F80 50%, #CBB988 100%);
    background: -webkit-linear-gradient(top, #6E736D 0%, #969F80 50%, #CBB988 100%);
    background: linear-gradient(to bottom, #6E736D 0%, #969F80 50%, #CBB988 100%);
}
</style>