#542B8F - #190C28 | colorate

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

Blend #542B8F to #190C28

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

RGBブレンド

#542B8F - #190C28 | colorate

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

0.0%	0.0% #542B8F	RGB 84 43 143	#542B8F
16.7%	16.7% #4A257D	RGB 74 37 125	#4A257D
33.3%	33.3% #40206C	RGB 64 32 108	#40206C
50.0%	50.0% #361B5B	RGB 54 27 91	#361B5B
66.7%	66.7% #2C164A	RGB 44 22 74	#2C164A
83.3%	83.3% #221139	RGB 34 17 57	#221139
100.0%	100.0% #190C28	RGB 25 12 40	#190C28

#542B8F #4A257D #40206C #361B5B #2C164A #221139 #190C28

#542B8F - #190C28

HSVブレンド

#542B8F - #190C28 | colorate

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

0.0%	0.0% #542B8F	RGB 84 43 143	#542B8F
16.7%	16.7% #4A257D	RGB 74 37 125	#4A257D
33.3%	33.3% #41206C	RGB 65 32 108	#41206C
50.0%	50.0% #371B5B	RGB 55 27 91	#371B5B
66.7%	66.7% #2D164A	RGB 45 22 74	#2D164A
83.3%	83.3% #231139	RGB 35 17 57	#231139
100.0%	100.0% #190C28	RGB 25 12 40	#190C28

#542B8F #4A257D #41206C #371B5B #2D164A #231139 #190C28

#542B8F - #371B5B - #190C28

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #542B8F 0%, #371B5B 50%, #190C28 100%);
    background: -webkit-linear-gradient(top, #542B8F 0%, #371B5B 50%, #190C28 100%);
    background: linear-gradient(to bottom, #542B8F 0%, #371B5B 50%, #190C28 100%);
}
</style>