#002F3B - #150709 | colorate

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

Blend #002F3B to #150709

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

RGBブレンド

#002F3B - #150709 | colorate

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

0.0%	0.0% #002F3B	RGB 0 47 59	#002F3B
16.7%	16.7% #032832	RGB 3 40 50	#032832
33.3%	33.3% #07212A	RGB 7 33 42	#07212A
50.0%	50.0% #0A1B22	RGB 10 27 34	#0A1B22
66.7%	66.7% #0E1419	RGB 14 20 25	#0E1419
83.3%	83.3% #110D11	RGB 17 13 17	#110D11
100.0%	100.0% #150709	RGB 21 7 9	#150709

#002F3B #032832 #07212A #0A1B22 #0E1419 #110D11 #150709

#002F3B - #150709

HSVブレンド

#002F3B - #150709 | colorate

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

0.0%	0.0% #002F3B	RGB 0 47 59	#002F3B
16.7%	16.7% #021434	RGB 2 20 52	#021434
33.3%	33.3% #08052E	RGB 8 5 46	#08052E
50.0%	50.0% #180628	RGB 24 6 40	#180628
66.7%	66.7% #200721	RGB 32 7 33	#200721
83.3%	83.3% #1B0713	RGB 27 7 19	#1B0713
100.0%	100.0% #150709	RGB 21 7 9	#150709

#002F3B #021434 #08052E #180628 #200721 #1B0713 #150709

#002F3B - #180628 - #150709

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #002F3B 0%, #180628 50%, #150709 100%);
    background: -webkit-linear-gradient(top, #002F3B 0%, #180628 50%, #150709 100%);
    background: linear-gradient(to bottom, #002F3B 0%, #180628 50%, #150709 100%);
}
</style>