#717172 - #4B1E68 | colorate

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

Blend #717172 to #4B1E68

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

RGBブレンド

#717172 - #4B1E68 | colorate

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

0.0%	0.0% #717172	RGB 113 113 114	#717172
16.7%	16.7% #6A6370	RGB 106 99 112	#6A6370
33.3%	33.3% #64556E	RGB 100 85 110	#64556E
50.0%	50.0% #5E476D	RGB 94 71 109	#5E476D
66.7%	66.7% #57396B	RGB 87 57 107	#57396B
83.3%	83.3% #512B69	RGB 81 43 105	#512B69
100.0%	100.0% #4B1E68	RGB 75 30 104	#4B1E68

#717172 #6A6370 #64556E #5E476D #57396B #512B69 #4B1E68

#717172 - #4B1E68

HSVブレンド

#717172 - #4B1E68 | colorate

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

0.0%	0.0% #717172	RGB 113 113 114	#717172
16.7%	16.7% #636270	RGB 99 98 112	#636270
33.3%	33.3% #59536E	RGB 89 83 110	#59536E
50.0%	50.0% #51456D	RGB 81 69 109	#51456D
66.7%	66.7% #4C386B	RGB 76 56 107	#4C386B
83.3%	83.3% #4A2A69	RGB 74 42 105	#4A2A69
100.0%	100.0% #4B1E68	RGB 75 30 104	#4B1E68

#717172 #636270 #59536E #51456D #4C386B #4A2A69 #4B1E68

#717172 - #51456D - #4B1E68

CSSコード

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

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