#84151C - #240D0F | colorate

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

Blend #84151C to #240D0F

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

RGBブレンド

#84151C - #240D0F | colorate

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

0.0%	0.0% #84151C	RGB 132 21 28	#84151C
16.7%	16.7% #741319	RGB 116 19 25	#741319
33.3%	33.3% #641217	RGB 100 18 23	#641217
50.0%	50.0% #541115	RGB 84 17 21	#541115
66.7%	66.7% #440F13	RGB 68 15 19	#440F13
83.3%	83.3% #340E11	RGB 52 14 17	#340E11
100.0%	100.0% #240D0F	RGB 36 13 15	#240D0F

#84151C #741319 #641217 #541115 #440F13 #340E11 #240D0F

#84151C - #240D0F

HSVブレンド

#84151C - #240D0F | colorate

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

0.0%	0.0% #84141B	RGB 132 20 27	#84141B
16.7%	16.7% #74161C	RGB 116 22 28	#74161C
33.3%	33.3% #64161C	RGB 100 22 28	#64161C
50.0%	50.0% #54151A	RGB 84 21 26	#54151A
66.7%	66.7% #441317	RGB 68 19 23	#441317
83.3%	83.3% #341113	RGB 52 17 19	#341113
100.0%	100.0% #240D0F	RGB 36 13 15	#240D0F

#84141B #74161C #64161C #54151A #441317 #341113 #240D0F

#84151C - #54151A - #240D0F

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #84141B 0%, #54151A 50%, #240D0F 100%);
    background: -webkit-linear-gradient(top, #84141B 0%, #54151A 50%, #240D0F 100%);
    background: linear-gradient(to bottom, #84141B 0%, #54151A 50%, #240D0F 100%);
}
</style>