#261318 - #734052 | colorate

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

Blend #261318 to #734052

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

RGBブレンド

#261318 - #734052 | colorate

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

0.0%	0.0% #261318	RGB 38 19 24	#261318
16.7%	16.7% #321A21	RGB 50 26 33	#321A21
33.3%	33.3% #3F222B	RGB 63 34 43	#3F222B
50.0%	50.0% #4C2935	RGB 76 41 53	#4C2935
66.7%	66.7% #59313E	RGB 89 49 62	#59313E
83.3%	83.3% #663848	RGB 102 56 72	#663848
100.0%	100.0% #734052	RGB 115 64 82	#734052

#261318 #321A21 #3F222B #4C2935 #59313E #663848 #734052

#261318 - #734052

HSVブレンド

#261318 - #734052 | colorate

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

0.0%	0.0% #261318	RGB 38 19 24	#261318
16.7%	16.7% #321920	RGB 50 25 32	#321920
33.3%	33.3% #3F212A	RGB 63 33 42	#3F212A
50.0%	50.0% #4C2833	RGB 76 40 51	#4C2833
66.7%	66.7% #59303D	RGB 89 48 61	#59303D
83.3%	83.3% #663747	RGB 102 55 71	#663747
100.0%	100.0% #734052	RGB 115 64 82	#734052

#261318 #321920 #3F212A #4C2833 #59303D #663747 #734052

#261318 - #4C2833 - #734052

CSSコード

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

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