#480913 - #2E0701 | colorate

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

Blend #480913 to #2E0701

#480913 #2E0701

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

RGBブレンド

#480913 - #2E0701 | colorate

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

0.0%	0.0% #480913	RGB 72 9 19	#480913
16.7%	16.7% #430810	RGB 67 8 16	#430810
33.3%	33.3% #3F080D	RGB 63 8 13	#3F080D
50.0%	50.0% #3B080A	RGB 59 8 10	#3B080A
66.7%	66.7% #360707	RGB 54 7 7	#360707
83.3%	83.3% #320704	RGB 50 7 4	#320704
100.0%	100.0% #2E0701	RGB 46 7 1	#2E0701

#480913 #430810 #3F080D #3B080A #360707 #320704 #2E0701

#480913 - #2E0701

HSVブレンド

#480913 - #2E0701 | colorate

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

0.0%	0.0% #480913	RGB 72 9 19	#480913
16.7%	16.7% #43070D	RGB 67 7 13	#43070D
33.3%	33.3% #3F0509	RGB 63 5 9	#3F0509
50.0%	50.0% #3B0405	RGB 59 4 5	#3B0405
66.7%	66.7% #360403	RGB 54 4 3	#360403
83.3%	83.3% #320601	RGB 50 6 1	#320601
100.0%	100.0% #2E0701	RGB 46 7 1	#2E0701

#480913 #43070D #3F0509 #3B0405 #360403 #320601 #2E0701

#480913 - #3B0405 - #2E0701

CSSコード

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

/* HSV Gradation */
div {
    background: -moz-linear-gradient(top, #480913 0%, #3B0405 50%, #2E0701 100%);
    background: -webkit-linear-gradient(top, #480913 0%, #3B0405 50%, #2E0701 100%);
    background: linear-gradient(to bottom, #480913 0%, #3B0405 50%, #2E0701 100%);
}
</style>