#131D26 - #406073 | colorate

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

Blend #131D26 to #406073

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

RGBブレンド

#131D26 - #406073 | colorate

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

0.0%	0.0% #131D26	RGB 19 29 38	#131D26
16.7%	16.7% #1A2832	RGB 26 40 50	#1A2832
33.3%	33.3% #22333F	RGB 34 51 63	#22333F
50.0%	50.0% #293E4C	RGB 41 62 76	#293E4C
66.7%	66.7% #314959	RGB 49 73 89	#314959
83.3%	83.3% #385466	RGB 56 84 102	#385466
100.0%	100.0% #406073	RGB 64 96 115	#406073

#131D26 #1A2832 #22333F #293E4C #314959 #385466 #406073

#131D26 - #406073

HSVブレンド

#131D26 - #406073 | colorate

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

0.0%	0.0% #131D26	RGB 19 29 38	#131D26
16.7%	16.7% #192732	RGB 25 39 50	#192732
33.3%	33.3% #21323F	RGB 33 50 63	#21323F
50.0%	50.0% #283D4C	RGB 40 61 76	#283D4C
66.7%	66.7% #304859	RGB 48 72 89	#304859
83.3%	83.3% #375466	RGB 55 84 102	#375466
100.0%	100.0% #406073	RGB 64 96 115	#406073

#131D26 #192732 #21323F #283D4C #304859 #375466 #406073

#131D26 - #283D4C - #406073

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #131D26 0%, #283D4C 50%, #406073 100%);
    background: -webkit-linear-gradient(top, #131D26 0%, #283D4C 50%, #406073 100%);
    background: linear-gradient(to bottom, #131D26 0%, #283D4C 50%, #406073 100%);
}
</style>