#1E898F - #0A0028 | colorate

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

Blend #1E898F to #0A0028

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

RGBブレンド

#1E898F - #0A0028 | colorate

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

0.0%	0.0% #1E898F	RGB 30 137 143	#1E898F
16.7%	16.7% #1A727D	RGB 26 114 125	#1A727D
33.3%	33.3% #175B6C	RGB 23 91 108	#175B6C
50.0%	50.0% #14445B	RGB 20 68 91	#14445B
66.7%	66.7% #102D4A	RGB 16 45 74	#102D4A
83.3%	83.3% #0D1639	RGB 13 22 57	#0D1639
100.0%	100.0% #0A0028	RGB 10 0 40	#0A0028

#1E898F #1A727D #175B6C #14445B #102D4A #0D1639 #0A0028

#1E898F - #0A0028

HSVブレンド

#1E898F - #0A0028 | colorate

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

0.0%	0.0% #1E898F	RGB 30 137 143	#1E898F
16.7%	16.7% #15637D	RGB 21 99 125	#15637D
33.3%	33.3% #0F426C	RGB 15 66 108	#0F426C
50.0%	50.0% #09265B	RGB 9 38 91	#09265B
66.7%	66.7% #050F4A	RGB 5 15 74	#050F4A
83.3%	83.3% #040139	RGB 4 1 57	#040139
100.0%	100.0% #0A0028	RGB 10 0 40	#0A0028

#1E898F #15637D #0F426C #09265B #050F4A #040139 #0A0028

#1E898F - #09265B - #0A0028

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1E898F 0%, #09265B 50%, #0A0028 100%);
    background: -webkit-linear-gradient(top, #1E898F 0%, #09265B 50%, #0A0028 100%);
    background: linear-gradient(to bottom, #1E898F 0%, #09265B 50%, #0A0028 100%);
}
</style>