#915248 - #140C0A | colorate

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

Blend #915248 to #140C0A

#915248 #140C0A

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

RGBブレンド

#915248 - #140C0A | colorate

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

0.0%	0.0% #915248	RGB 145 82 72	#915248
16.7%	16.7% #7C463D	RGB 124 70 61	#7C463D
33.3%	33.3% #673A33	RGB 103 58 51	#673A33
50.0%	50.0% #522F29	RGB 82 47 41	#522F29
66.7%	66.7% #3D231E	RGB 61 35 30	#3D231E
83.3%	83.3% #281714	RGB 40 23 20	#281714
100.0%	100.0% #140C0A	RGB 20 12 10	#140C0A

#915248 #7C463D #673A33 #522F29 #3D231E #281714 #140C0A

#915248 - #140C0A

HSVブレンド

#915248 - #140C0A | colorate

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

0.0%	0.0% #915248	RGB 145 82 72	#915248
16.7%	16.7% #7C463D	RGB 124 70 61	#7C463D
33.3%	33.3% #673B33	RGB 103 59 51	#673B33
50.0%	50.0% #523029	RGB 82 48 41	#523029
66.7%	66.7% #3D241E	RGB 61 36 30	#3D241E
83.3%	83.3% #281814	RGB 40 24 20	#281814
100.0%	100.0% #140C0A	RGB 20 12 10	#140C0A

#915248 #7C463D #673B33 #523029 #3D241E #281814 #140C0A

#915248 - #523029 - #140C0A

CSSコード

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

/* HSV Gradation */
div {
    background: -moz-linear-gradient(top, #915248 0%, #523029 50%, #140C0A 100%);
    background: -webkit-linear-gradient(top, #915248 0%, #523029 50%, #140C0A 100%);
    background: linear-gradient(to bottom, #915248 0%, #523029 50%, #140C0A 100%);
}
</style>