#23158F - #24001F | colorate

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

Blend #23158F to #24001F

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

RGBブレンド

#23158F - #24001F | colorate

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

0.0%	0.0% #23158F	RGB 35 21 143	#23158F
16.7%	16.7% #23117C	RGB 35 17 124	#23117C
33.3%	33.3% #230E69	RGB 35 14 105	#230E69
50.0%	50.0% #230A57	RGB 35 10 87	#230A57
66.7%	66.7% #230644	RGB 35 6 68	#230644
83.3%	83.3% #230331	RGB 35 3 49	#230331
100.0%	100.0% #24001F	RGB 36 0 31	#24001F

#23158F #23117C #230E69 #230A57 #230644 #230331 #24001F

#23158F - #24001F

HSVブレンド

#23158F - #24001F | colorate

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

0.0%	0.0% #22158F	RGB 34 21 143	#22158F
16.7%	16.7% #2E0F7D	RGB 46 15 125	#2E0F7D
33.3%	33.3% #360A6B	RGB 54 10 107	#360A6B
50.0%	50.0% #3A0659	RGB 58 6 89	#3A0659
66.7%	66.7% #390347	RGB 57 3 71	#390347
83.3%	83.3% #340135	RGB 52 1 53	#340135
100.0%	100.0% #24001F	RGB 36 0 31	#24001F

#22158F #2E0F7D #360A6B #3A0659 #390347 #340135 #24001F

#23158F - #3A0659 - #24001F

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #22158F 0%, #3A0659 50%, #24001F 100%);
    background: -webkit-linear-gradient(top, #22158F 0%, #3A0659 50%, #24001F 100%);
    background: linear-gradient(to bottom, #22158F 0%, #3A0659 50%, #24001F 100%);
}
</style>