#5E5A57 - #512D0E | colorate

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

Blend #5E5A57 to #512D0E

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

RGBブレンド

#5E5A57 - #512D0E | colorate

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

0.0%	0.0% #5E5A57	RGB 94 90 87	#5E5A57
16.7%	16.7% #5B524A	RGB 91 82 74	#5B524A
33.3%	33.3% #594B3E	RGB 89 75 62	#594B3E
50.0%	50.0% #574332	RGB 87 67 50	#574332
66.7%	66.7% #553C26	RGB 85 60 38	#553C26
83.3%	83.3% #53341A	RGB 83 52 26	#53341A
100.0%	100.0% #512D0E	RGB 81 45 14	#512D0E

#5E5A57 #5B524A #594B3E #574332 #553C26 #53341A #512D0E

#5E5A57 - #512D0E

HSVブレンド

#5E5A57 - #512D0E | colorate

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

0.0%	0.0% #5E5A57	RGB 94 90 87	#5E5A57
16.7%	16.7% #5B5149	RGB 91 81 73	#5B5149
33.3%	33.3% #59493C	RGB 89 73 60	#59493C
50.0%	50.0% #574130	RGB 87 65 48	#574130
66.7%	66.7% #553A24	RGB 85 58 36	#553A24
83.3%	83.3% #533318	RGB 83 51 24	#533318
100.0%	100.0% #512D0E	RGB 81 45 14	#512D0E

#5E5A57 #5B5149 #59493C #574130 #553A24 #533318 #512D0E

#5E5A57 - #574130 - #512D0E

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5A57 0%, #574130 50%, #512D0E 100%);
    background: -webkit-linear-gradient(top, #5E5A57 0%, #574130 50%, #512D0E 100%);
    background: linear-gradient(to bottom, #5E5A57 0%, #574130 50%, #512D0E 100%);
}
</style>