#261324 - #734072 | colorate

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

Blend #261324 to #734072

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

RGBブレンド

#261324 - #734072 | colorate

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

0.0%	0.0% #261324	RGB 38 19 36	#261324
16.7%	16.7% #321A31	RGB 50 26 49	#321A31
33.3%	33.3% #3F223E	RGB 63 34 62	#3F223E
50.0%	50.0% #4C294B	RGB 76 41 75	#4C294B
66.7%	66.7% #593158	RGB 89 49 88	#593158
83.3%	83.3% #663865	RGB 102 56 101	#663865
100.0%	100.0% #734072	RGB 115 64 114	#734072

#261324 #321A31 #3F223E #4C294B #593158 #663865 #734072

#261324 - #734072

HSVブレンド

#261324 - #734072 | colorate

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

0.0%	0.0% #261324	RGB 38 19 36	#261324
16.7%	16.7% #321930	RGB 50 25 48	#321930
33.3%	33.3% #3F213D	RGB 63 33 61	#3F213D
50.0%	50.0% #4C284A	RGB 76 40 74	#4C284A
66.7%	66.7% #593057	RGB 89 48 87	#593057
83.3%	83.3% #663764	RGB 102 55 100	#663764
100.0%	100.0% #734072	RGB 115 64 114	#734072

#261324 #321930 #3F213D #4C284A #593057 #663764 #734072

#261324 - #4C284A - #734072

CSSコード

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

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