#198E8F - #13489B | colorate

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

Blend #198E8F to #13489B

#198E8F #13489B

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

RGBブレンド

#198E8F - #13489B | colorate

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

0.0%	0.0% #198E8F	RGB 25 142 143	#198E8F
16.7%	16.7% #188291	RGB 24 130 145	#188291
33.3%	33.3% #177693	RGB 23 118 147	#177693
50.0%	50.0% #166B95	RGB 22 107 149	#166B95
66.7%	66.7% #155F97	RGB 21 95 151	#155F97
83.3%	83.3% #145399	RGB 20 83 153	#145399
100.0%	100.0% #13489B	RGB 19 72 155	#13489B

#198E8F #188291 #177693 #166B95 #155F97 #145399 #13489B

#198E8F - #13489B

HSVブレンド

#198E8F - #13489B | colorate

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

0.0%	0.0% #198D8F	RGB 25 141 143	#198D8F
16.7%	16.7% #188391	RGB 24 131 145	#188391
33.3%	33.3% #177993	RGB 23 121 147	#177993
50.0%	50.0% #166D95	RGB 22 109 149	#166D95
66.7%	66.7% #156197	RGB 21 97 151	#156197
83.3%	83.3% #145599	RGB 20 85 153	#145599
100.0%	100.0% #13489B	RGB 19 72 155	#13489B

#198D8F #188391 #177993 #166D95 #156197 #145599 #13489B

#198E8F - #166D95 - #13489B

CSSコード

<style type="text/css">
/* RGB Gradation */
div {
    background: -moz-linear-gradient(top, #198E8F 0%, #13489B 100%);
    background: -webkit-linear-gradient(top, #198E8F 0%, #13489B 100%);
    background: linear-gradient(to bottom, #198E8F 0%, #13489B 100%);
}

/* HSV Gradation */
div {
    background: -moz-linear-gradient(top, #198D8F 0%, #166D95 50%, #13489B 100%);
    background: -webkit-linear-gradient(top, #198D8F 0%, #166D95 50%, #13489B 100%);
    background: linear-gradient(to bottom, #198D8F 0%, #166D95 50%, #13489B 100%);
}
</style>