#261321 - #73406A | colorate

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

Blend #261321 to #73406A

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

RGBブレンド

#261321 - #73406A | colorate

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

0.0%	0.0% #261321	RGB 38 19 33	#261321
16.7%	16.7% #321A2D	RGB 50 26 45	#321A2D
33.3%	33.3% #3F2239	RGB 63 34 57	#3F2239
50.0%	50.0% #4C2945	RGB 76 41 69	#4C2945
66.7%	66.7% #593151	RGB 89 49 81	#593151
83.3%	83.3% #66385D	RGB 102 56 93	#66385D
100.0%	100.0% #73406A	RGB 115 64 106	#73406A

#261321 #321A2D #3F2239 #4C2945 #593151 #66385D #73406A

#261321 - #73406A

HSVブレンド

#261321 - #73406A | colorate

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

0.0%	0.0% #261321	RGB 38 19 33	#261321
16.7%	16.7% #32192C	RGB 50 25 44	#32192C
33.3%	33.3% #3F2138	RGB 63 33 56	#3F2138
50.0%	50.0% #4C2844	RGB 76 40 68	#4C2844
66.7%	66.7% #593050	RGB 89 48 80	#593050
83.3%	83.3% #66375D	RGB 102 55 93	#66375D
100.0%	100.0% #73406A	RGB 115 64 106	#73406A

#261321 #32192C #3F2138 #4C2844 #593050 #66375D #73406A

#261321 - #4C2844 - #73406A

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #261321 0%, #4C2844 50%, #73406A 100%);
    background: -webkit-linear-gradient(top, #261321 0%, #4C2844 50%, #73406A 100%);
    background: linear-gradient(to bottom, #261321 0%, #4C2844 50%, #73406A 100%);
}
</style>