#55328F - #25022F | colorate

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

Blend #55328F to #25022F

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

RGBブレンド

#55328F - #25022F | colorate

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

0.0%	0.0% #55328F	RGB 85 50 143	#55328F
16.7%	16.7% #4D2A7F	RGB 77 42 127	#4D2A7F
33.3%	33.3% #45226F	RGB 69 34 111	#45226F
50.0%	50.0% #3D1A5F	RGB 61 26 95	#3D1A5F
66.7%	66.7% #35124F	RGB 53 18 79	#35124F
83.3%	83.3% #2D0A3F	RGB 45 10 63	#2D0A3F
100.0%	100.0% #25022F	RGB 37 2 47	#25022F

#55328F #4D2A7F #45226F #3D1A5F #35124F #2D0A3F #25022F

#55328F - #25022F

HSVブレンド

#55328F - #25022F | colorate

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

0.0%	0.0% #55328F	RGB 85 50 143	#55328F
16.7%	16.7% #4D257F	RGB 77 37 127	#4D257F
33.3%	33.3% #461B6F	RGB 70 27 111	#461B6F
50.0%	50.0% #3E125F	RGB 62 18 95	#3E125F
66.7%	66.7% #360B4F	RGB 54 11 79	#360B4F
83.3%	83.3% #2E053F	RGB 46 5 63	#2E053F
100.0%	100.0% #25022F	RGB 37 2 47	#25022F

#55328F #4D257F #461B6F #3E125F #360B4F #2E053F #25022F

#55328F - #3E125F - #25022F

CSSコード

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

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