#10161F - #364954 | colorate

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

Blend #10161F to #364954

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

RGBブレンド

#10161F - #364954 | colorate

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

0.0%	0.0% #10161F	RGB 16 22 31	#10161F
16.7%	16.7% #161E27	RGB 22 30 39	#161E27
33.3%	33.3% #1C2730	RGB 28 39 48	#1C2730
50.0%	50.0% #232F39	RGB 35 47 57	#232F39
66.7%	66.7% #293842	RGB 41 56 66	#293842
83.3%	83.3% #2F404B	RGB 47 64 75	#2F404B
100.0%	100.0% #364954	RGB 54 73 84	#364954

#10161F #161E27 #1C2730 #232F39 #293842 #2F404B #364954

#10161F - #364954

HSVブレンド

#10161F - #364954 | colorate

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

0.0%	0.0% #10151F	RGB 16 21 31	#10151F
16.7%	16.7% #151D27	RGB 21 29 39	#151D27
33.3%	33.3% #1B2530	RGB 27 37 48	#1B2530
50.0%	50.0% #212D39	RGB 33 45 57	#212D39
66.7%	66.7% #273642	RGB 39 54 66	#273642
83.3%	83.3% #2E3F4B	RGB 46 63 75	#2E3F4B
100.0%	100.0% #364954	RGB 54 73 84	#364954

#10151F #151D27 #1B2530 #212D39 #273642 #2E3F4B #364954

#10161F - #212D39 - #364954

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #10151F 0%, #212D39 50%, #364954 100%);
    background: -webkit-linear-gradient(top, #10151F 0%, #212D39 50%, #364954 100%);
    background: linear-gradient(to bottom, #10151F 0%, #212D39 50%, #364954 100%);
}
</style>