#6D6B5E - #503D14 | colorate

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

Blend #6D6B5E to #503D14

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

RGBブレンド

#6D6B5E - #503D14 | colorate

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

0.0%	0.0% #6D6B5E	RGB 109 107 94	#6D6B5E
16.7%	16.7% #686351	RGB 104 99 81	#686351
33.3%	33.3% #635B45	RGB 99 91 69	#635B45
50.0%	50.0% #5E5439	RGB 94 84 57	#5E5439
66.7%	66.7% #594C2C	RGB 89 76 44	#594C2C
83.3%	83.3% #544420	RGB 84 68 32	#544420
100.0%	100.0% #503D14	RGB 80 61 20	#503D14

#6D6B5E #686351 #635B45 #5E5439 #594C2C #544420 #503D14

#6D6B5E - #503D14

HSVブレンド

#6D6B5E - #503D14 | colorate

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

0.0%	0.0% #6D6B5E	RGB 109 107 94	#6D6B5E
16.7%	16.7% #68644F	RGB 104 100 79	#68644F
33.3%	33.3% #635C41	RGB 99 92 65	#635C41
50.0%	50.0% #5E5534	RGB 94 85 52	#5E5534
66.7%	66.7% #594D28	RGB 89 77 40	#594D28
83.3%	83.3% #54451D	RGB 84 69 29	#54451D
100.0%	100.0% #503D14	RGB 80 61 20	#503D14

#6D6B5E #68644F #635C41 #5E5534 #594D28 #54451D #503D14

#6D6B5E - #5E5534 - #503D14

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6D6B5E 0%, #5E5534 50%, #503D14 100%);
    background: -webkit-linear-gradient(top, #6D6B5E 0%, #5E5534 50%, #503D14 100%);
    background: linear-gradient(to bottom, #6D6B5E 0%, #5E5534 50%, #503D14 100%);
}
</style>