#39508F - #8A9AB9 | colorate

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

Blend #39508F to #8A9AB9

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

RGBブレンド

#39508F - #8A9AB9 | colorate

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

0.0%	0.0% #39508F	RGB 57 80 143	#39508F
16.7%	16.7% #465C96	RGB 70 92 150	#465C96
33.3%	33.3% #54689D	RGB 84 104 157	#54689D
50.0%	50.0% #6175A4	RGB 97 117 164	#6175A4
66.7%	66.7% #6F81AB	RGB 111 129 171	#6F81AB
83.3%	83.3% #7C8DB2	RGB 124 141 178	#7C8DB2
100.0%	100.0% #8A9AB9	RGB 138 154 185	#8A9AB9

#39508F #465C96 #54689D #6175A4 #6F81AB #7C8DB2 #8A9AB9

#39508F - #8A9AB9

HSVブレンド

#39508F - #8A9AB9 | colorate

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

0.0%	0.0% #39508F	RGB 57 80 143	#39508F
16.7%	16.7% #445B96	RGB 68 91 150	#445B96
33.3%	33.3% #50679D	RGB 80 103 157	#50679D
50.0%	50.0% #5D73A4	RGB 93 115 164	#5D73A4
66.7%	66.7% #6B7FAB	RGB 107 127 171	#6B7FAB
83.3%	83.3% #7A8CB2	RGB 122 140 178	#7A8CB2
100.0%	100.0% #8A9AB9	RGB 138 154 185	#8A9AB9

#39508F #445B96 #50679D #5D73A4 #6B7FAB #7A8CB2 #8A9AB9

#39508F - #5D73A4 - #8A9AB9

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #39508F 0%, #5D73A4 50%, #8A9AB9 100%);
    background: -webkit-linear-gradient(top, #39508F 0%, #5D73A4 50%, #8A9AB9 100%);
    background: linear-gradient(to bottom, #39508F 0%, #5D73A4 50%, #8A9AB9 100%);
}
</style>