#465C5E - #221D1E | colorate

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

Blend #465C5E to #221D1E

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

RGBブレンド

#465C5E - #221D1E | colorate

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

0.0%	0.0% #465C5E	RGB 70 92 94	#465C5E
16.7%	16.7% #405153	RGB 64 81 83	#405153
33.3%	33.3% #3A4748	RGB 58 71 72	#3A4748
50.0%	50.0% #343C3E	RGB 52 60 62	#343C3E
66.7%	66.7% #2E3233	RGB 46 50 51	#2E3233
83.3%	83.3% #282728	RGB 40 39 40	#282728
100.0%	100.0% #221D1E	RGB 34 29 30	#221D1E

#465C5E #405153 #3A4748 #343C3E #2E3233 #282728 #221D1E

#465C5E - #221D1E

HSVブレンド

#465C5E - #221D1E | colorate

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

0.0%	0.0% #465C5E	RGB 70 92 94	#465C5E
16.7%	16.7% #404954	RGB 64 73 84	#404954
33.3%	33.3% #39394A	RGB 57 57 74	#39394A
50.0%	50.0% #383340	RGB 56 51 64	#383340
66.7%	66.7% #342C36	RGB 52 44 54	#342C36
83.3%	83.3% #2C2429	RGB 44 36 41	#2C2429
100.0%	100.0% #221D1E	RGB 34 29 30	#221D1E

#465C5E #404954 #39394A #383340 #342C36 #2C2429 #221D1E

#465C5E - #383340 - #221D1E

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #465C5E 0%, #383340 50%, #221D1E 100%);
    background: -webkit-linear-gradient(top, #465C5E 0%, #383340 50%, #221D1E 100%);
    background: linear-gradient(to bottom, #465C5E 0%, #383340 50%, #221D1E 100%);
}
</style>