#24538F - #8F6024 | colorate

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

Blend #24538F to #8F6024

#24538F #8F6024

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

RGBブレンド

#24538F - #8F6024 | colorate

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

0.0%	0.0% #24538F	RGB 36 83 143	#24538F
16.7%	16.7% #35557D	RGB 53 85 125	#35557D
33.3%	33.3% #47576B	RGB 71 87 107	#47576B
50.0%	50.0% #595959	RGB 89 89 89	#595959
66.7%	66.7% #6B5B47	RGB 107 91 71	#6B5B47
83.3%	83.3% #7D5D35	RGB 125 93 53	#7D5D35
100.0%	100.0% #8F6024	RGB 143 96 36	#8F6024

#24538F #35557D #47576B #595959 #6B5B47 #7D5D35 #8F6024

#24538F - #8F6024

HSVブレンド

#24538F - #8F6024 | colorate

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

0.0%	0.0% #24538F	RGB 36 83 143	#24538F
16.7%	16.7% #24888F	RGB 36 136 143	#24888F
33.3%	33.3% #248F60	RGB 36 143 96	#248F60
50.0%	50.0% #248F2A	RGB 36 143 42	#248F2A
66.7%	66.7% #538F24	RGB 83 143 36	#538F24
83.3%	83.3% #888F24	RGB 136 143 36	#888F24
100.0%	100.0% #8F6024	RGB 143 96 36	#8F6024

#24538F #24888F #248F60 #248F2A #538F24 #888F24 #8F6024

#24538F - #248F2A - #8F6024

CSSコード

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

/* HSV Gradation */
div {
    background: -moz-linear-gradient(top, #24538F 0%, #248F2A 50%, #8F6024 100%);
    background: -webkit-linear-gradient(top, #24538F 0%, #248F2A 50%, #8F6024 100%);
    background: linear-gradient(to bottom, #24538F 0%, #248F2A 50%, #8F6024 100%);
}
</style>