#32268F - #5395F7 | colorate

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

Blend #32268F to #5395F7

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

RGBブレンド

#32268F - #5395F7 | colorate

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

0.0%	0.0% #32268F	RGB 50 38 143	#32268F
16.7%	16.7% #3738A0	RGB 55 56 160	#3738A0
33.3%	33.3% #3D4BB1	RGB 61 75 177	#3D4BB1
50.0%	50.0% #425DC3	RGB 66 93 195	#425DC3
66.7%	66.7% #4870D4	RGB 72 112 212	#4870D4
83.3%	83.3% #4D82E5	RGB 77 130 229	#4D82E5
100.0%	100.0% #5395F7	RGB 83 149 247	#5395F7

#32268F #3738A0 #3D4BB1 #425DC3 #4870D4 #4D82E5 #5395F7

#32268F - #5395F7

HSVブレンド

#32268F - #5395F7 | colorate

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

0.0%	0.0% #32268F	RGB 50 38 143	#32268F
16.7%	16.7% #2F2CA0	RGB 47 44 160	#2F2CA0
33.3%	33.3% #333AB1	RGB 51 58 177	#333AB1
50.0%	50.0% #3A4EC3	RGB 58 78 195	#3A4EC3
66.7%	66.7% #4263D4	RGB 66 99 212	#4263D4
83.3%	83.3% #4A7BE5	RGB 74 123 229	#4A7BE5
100.0%	100.0% #5395F7	RGB 83 149 247	#5395F7

#32268F #2F2CA0 #333AB1 #3A4EC3 #4263D4 #4A7BE5 #5395F7

#32268F - #3A4EC3 - #5395F7

CSSコード

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

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