#206A8F - #004759 | colorate

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

Blend #206A8F to #004759

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

RGBブレンド

#206A8F - #004759 | colorate

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

0.0%	0.0% #206A8F	RGB 32 106 143	#206A8F
16.7%	16.7% #1A6486	RGB 26 100 134	#1A6486
33.3%	33.3% #155E7D	RGB 21 94 125	#155E7D
50.0%	50.0% #105874	RGB 16 88 116	#105874
66.7%	66.7% #0A526B	RGB 10 82 107	#0A526B
83.3%	83.3% #054C62	RGB 5 76 98	#054C62
100.0%	100.0% #004759	RGB 0 71 89	#004759

#206A8F #1A6486 #155E7D #105874 #0A526B #054C62 #004759

#206A8F - #004759

HSVブレンド

#206A8F - #004759 | colorate

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

0.0%	0.0% #206A8F	RGB 32 106 143	#206A8F
16.7%	16.7% #186486	RGB 24 100 134	#186486
33.3%	33.3% #125E7D	RGB 18 94 125	#125E7D
50.0%	50.0% #0C5874	RGB 12 88 116	#0C5874
66.7%	66.7% #07526B	RGB 7 82 107	#07526B
83.3%	83.3% #034C62	RGB 3 76 98	#034C62
100.0%	100.0% #004759	RGB 0 71 89	#004759

#206A8F #186486 #125E7D #0C5874 #07526B #034C62 #004759

#206A8F - #0C5874 - #004759

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #206A8F 0%, #0C5874 50%, #004759 100%);
    background: -webkit-linear-gradient(top, #206A8F 0%, #0C5874 50%, #004759 100%);
    background: linear-gradient(to bottom, #206A8F 0%, #0C5874 50%, #004759 100%);
}
</style>