#8F413D - #754026 | colorate

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

Blend #8F413D to #754026

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

RGBブレンド

#8F413D - #754026 | colorate

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

0.0%	0.0% #8F413D	RGB 143 65 61	#8F413D
16.7%	16.7% #8A4039	RGB 138 64 57	#8A4039
33.3%	33.3% #864035	RGB 134 64 53	#864035
50.0%	50.0% #824031	RGB 130 64 49	#824031
66.7%	66.7% #7D402D	RGB 125 64 45	#7D402D
83.3%	83.3% #794029	RGB 121 64 41	#794029
100.0%	100.0% #754026	RGB 117 64 38	#754026

#8F413D #8A4039 #864035 #824031 #7D402D #794029 #754026

#8F413D - #754026

HSVブレンド

#8F413D - #754026 | colorate

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

0.0%	0.0% #8F413D	RGB 143 65 61	#8F413D
16.7%	16.7% #8A4038	RGB 138 64 56	#8A4038
33.3%	33.3% #864034	RGB 134 64 52	#864034
50.0%	50.0% #824030	RGB 130 64 48	#824030
66.7%	66.7% #7D402D	RGB 125 64 45	#7D402D
83.3%	83.3% #794029	RGB 121 64 41	#794029
100.0%	100.0% #754026	RGB 117 64 38	#754026

#8F413D #8A4038 #864034 #824030 #7D402D #794029 #754026

#8F413D - #824030 - #754026

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8F413D 0%, #824030 50%, #754026 100%);
    background: -webkit-linear-gradient(top, #8F413D 0%, #824030 50%, #754026 100%);
    background: linear-gradient(to bottom, #8F413D 0%, #824030 50%, #754026 100%);
}
</style>