#403D1D - #47591F | colorate

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

Blend #403D1D to #47591F

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

RGBブレンド

#403D1D - #47591F | colorate

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

0.0%	0.0% #403D1D	RGB 64 61 29	#403D1D
16.7%	16.7% #41411D	RGB 65 65 29	#41411D
33.3%	33.3% #42461D	RGB 66 70 29	#42461D
50.0%	50.0% #434B1E	RGB 67 75 30	#434B1E
66.7%	66.7% #444F1E	RGB 68 79 30	#444F1E
83.3%	83.3% #45541E	RGB 69 84 30	#45541E
100.0%	100.0% #47591F	RGB 71 89 31	#47591F

#403D1D #41411D #42461D #434B1E #444F1E #45541E #47591F

#403D1D - #47591F

HSVブレンド

#403D1D - #47591F | colorate

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

0.0%	0.0% #403D1D	RGB 64 61 29	#403D1D
16.7%	16.7% #44431D	RGB 68 67 29	#44431D
33.3%	33.3% #46481E	RGB 70 72 30	#46481E
50.0%	50.0% #474C1E	RGB 71 76 30	#474C1E
66.7%	66.7% #47501E	RGB 71 80 30	#47501E
83.3%	83.3% #47541F	RGB 71 84 31	#47541F
100.0%	100.0% #47591F	RGB 71 89 31	#47591F

#403D1D #44431D #46481E #474C1E #47501E #47541F #47591F

#403D1D - #474C1E - #47591F

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #403D1D 0%, #474C1E 50%, #47591F 100%);
    background: -webkit-linear-gradient(top, #403D1D 0%, #474C1E 50%, #47591F 100%);
    background: linear-gradient(to bottom, #403D1D 0%, #474C1E 50%, #47591F 100%);
}
</style>