#6B6464 - #E4B28E | colorate

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

Blend #6B6464 to #E4B28E

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

RGBブレンド

#6B6464 - #E4B28E | colorate

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

0.0%	0.0% #6B6464	RGB 107 100 100	#6B6464
16.7%	16.7% #7F716B	RGB 127 113 107	#7F716B
33.3%	33.3% #937E72	RGB 147 126 114	#937E72
50.0%	50.0% #A78B79	RGB 167 139 121	#A78B79
66.7%	66.7% #BB9880	RGB 187 152 128	#BB9880
83.3%	83.3% #CFA587	RGB 207 165 135	#CFA587
100.0%	100.0% #E4B28E	RGB 228 178 142	#E4B28E

#6B6464 #7F716B #937E72 #A78B79 #BB9880 #CFA587 #E4B28E

#6B6464 - #E4B28E

HSVブレンド

#6B6464 - #E4B28E | colorate

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

0.0%	0.0% #6B6464	RGB 107 100 100	#6B6464
16.7%	16.7% #7F7170	RGB 127 113 112	#7F7170
33.3%	33.3% #937D7A	RGB 147 125 122	#937D7A
50.0%	50.0% #A78A82	RGB 167 138 130	#A78A82
66.7%	66.7% #BB9688	RGB 187 150 136	#BB9688
83.3%	83.3% #CFA38C	RGB 207 163 140	#CFA38C
100.0%	100.0% #E4B28E	RGB 228 178 142	#E4B28E

#6B6464 #7F7170 #937D7A #A78A82 #BB9688 #CFA38C #E4B28E

#6B6464 - #A78A82 - #E4B28E

CSSコード

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

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