#AD2A00 - #27100E | colorate

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

Blend #AD2A00 to #27100E

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

RGBブレンド

#AD2A00 - #27100E | colorate

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

0.0%	0.0% #AD2A00	RGB 173 42 0	#AD2A00
16.7%	16.7% #962502	RGB 150 37 2	#962502
33.3%	33.3% #802104	RGB 128 33 4	#802104
50.0%	50.0% #6A1D07	RGB 106 29 7	#6A1D07
66.7%	66.7% #531809	RGB 83 24 9	#531809
83.3%	83.3% #3D140B	RGB 61 20 11	#3D140B
100.0%	100.0% #27100E	RGB 39 16 14	#27100E

#AD2A00 #962502 #802104 #6A1D07 #531809 #3D140B #27100E

#AD2A00 - #27100E

HSVブレンド

#AD2A00 - #27100E | colorate

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

0.0%	0.0% #AD2A00	RGB 173 42 0	#AD2A00
16.7%	16.7% #962709	RGB 150 39 9	#962709
33.3%	33.3% #80240F	RGB 128 36 15	#80240F
50.0%	50.0% #6A2113	RGB 106 33 19	#6A2113
66.7%	66.7% #531C14	RGB 83 28 20	#531C14
83.3%	83.3% #3D1612	RGB 61 22 18	#3D1612
100.0%	100.0% #27100E	RGB 39 16 14	#27100E

#AD2A00 #962709 #80240F #6A2113 #531C14 #3D1612 #27100E

#AD2A00 - #6A2113 - #27100E

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AD2A00 0%, #6A2113 50%, #27100E 100%);
    background: -webkit-linear-gradient(top, #AD2A00 0%, #6A2113 50%, #27100E 100%);
    background: linear-gradient(to bottom, #AD2A00 0%, #6A2113 50%, #27100E 100%);
}
</style>