#AD471C - #6B2009 | colorate

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

Blend #AD471C to #6B2009

#AD471C #6B2009

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

RGBブレンド

#AD471C - #6B2009 | colorate

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

0.0%	0.0% #AD471C	RGB 173 71 28	#AD471C
16.7%	16.7% #A24018	RGB 162 64 24	#A24018
33.3%	33.3% #973A15	RGB 151 58 21	#973A15
50.0%	50.0% #8C3312	RGB 140 51 18	#8C3312
66.7%	66.7% #812D0F	RGB 129 45 15	#812D0F
83.3%	83.3% #76260C	RGB 118 38 12	#76260C
100.0%	100.0% #6B2009	RGB 107 32 9	#6B2009

#AD471C #A24018 #973A15 #8C3312 #812D0F #76260C #6B2009

#AD471C - #6B2009

HSVブレンド

#AD471C - #6B2009 | colorate

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

0.0%	0.0% #AD471C	RGB 173 71 28	#AD471C
16.7%	16.7% #A23F18	RGB 162 63 24	#A23F18
33.3%	33.3% #973814	RGB 151 56 20	#973814
50.0%	50.0% #8C3111	RGB 140 49 17	#8C3111
66.7%	66.7% #812B0E	RGB 129 43 14	#812B0E
83.3%	83.3% #76250B	RGB 118 37 11	#76250B
100.0%	100.0% #6B2009	RGB 107 32 9	#6B2009

#AD471C #A23F18 #973814 #8C3111 #812B0E #76250B #6B2009

#AD471C - #8C3111 - #6B2009

CSSコード

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

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