#480509 - #8D2919 | colorate

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

Blend #480509 to #8D2919

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

RGBブレンド

#480509 - #8D2919 | colorate

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

0.0%	0.0% #480509	RGB 72 5 9	#480509
16.7%	16.7% #530B0B	RGB 83 11 11	#530B0B
33.3%	33.3% #5F110E	RGB 95 17 14	#5F110E
50.0%	50.0% #6A1711	RGB 106 23 17	#6A1711
66.7%	66.7% #761D13	RGB 118 29 19	#761D13
83.3%	83.3% #812316	RGB 129 35 22	#812316
100.0%	100.0% #8D2919	RGB 141 41 25	#8D2919

#480509 #530B0B #5F110E #6A1711 #761D13 #812316 #8D2919

#480509 - #8D2919

HSVブレンド

#480509 - #8D2919 | colorate

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

0.0%	0.0% #480408	RGB 72 4 8	#480408
16.7%	16.7% #530709	RGB 83 7 9	#530709
33.3%	33.3% #5F0A0A	RGB 95 10 10	#5F0A0A
50.0%	50.0% #6A100D	RGB 106 16 13	#6A100D
66.7%	66.7% #761710	RGB 118 23 16	#761710
83.3%	83.3% #812014	RGB 129 32 20	#812014
100.0%	100.0% #8D2919	RGB 141 41 25	#8D2919

#480408 #530709 #5F0A0A #6A100D #761710 #812014 #8D2919

#480509 - #6A100D - #8D2919

CSSコード

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

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