#281B18 - #775849 | colorate

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

Blend #281B18 to #775849

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

RGBブレンド

#281B18 - #775849 | colorate

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

0.0%	0.0% #281B18	RGB 40 27 24	#281B18
16.7%	16.7% #352520	RGB 53 37 32	#352520
33.3%	33.3% #422F28	RGB 66 47 40	#422F28
50.0%	50.0% #4F3930	RGB 79 57 48	#4F3930
66.7%	66.7% #5C4338	RGB 92 67 56	#5C4338
83.3%	83.3% #694D40	RGB 105 77 64	#694D40
100.0%	100.0% #775849	RGB 119 88 73	#775849

#281B18 #352520 #422F28 #4F3930 #5C4338 #694D40 #775849

#281B18 - #775849

HSVブレンド

#281B18 - #775849 | colorate

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

0.0%	0.0% #281B18	RGB 40 27 24	#281B18
16.7%	16.7% #352420	RGB 53 36 32	#352420
33.3%	33.3% #422E28	RGB 66 46 40	#422E28
50.0%	50.0% #4F3830	RGB 79 56 48	#4F3830
66.7%	66.7% #5C4238	RGB 92 66 56	#5C4238
83.3%	83.3% #694D40	RGB 105 77 64	#694D40
100.0%	100.0% #775849	RGB 119 88 73	#775849

#281B18 #352420 #422E28 #4F3830 #5C4238 #694D40 #775849

#281B18 - #4F3830 - #775849

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #281B18 0%, #4F3830 50%, #775849 100%);
    background: -webkit-linear-gradient(top, #281B18 0%, #4F3830 50%, #775849 100%);
    background: linear-gradient(to bottom, #281B18 0%, #4F3830 50%, #775849 100%);
}
</style>