#628E8F - #19555D | colorate

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

Blend #628E8F to #19555D

#628E8F #19555D

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

RGBブレンド

#628E8F - #19555D | colorate

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

0.0%	0.0% #628E8F	RGB 98 142 143	#628E8F
16.7%	16.7% #558486	RGB 85 132 134	#558486
33.3%	33.3% #497B7E	RGB 73 123 126	#497B7E
50.0%	50.0% #3D7176	RGB 61 113 118	#3D7176
66.7%	66.7% #31686D	RGB 49 104 109	#31686D
83.3%	83.3% #255E65	RGB 37 94 101	#255E65
100.0%	100.0% #19555D	RGB 25 85 93	#19555D

#628E8F #558486 #497B7E #3D7176 #31686D #255E65 #19555D

#628E8F - #19555D

HSVブレンド

#628E8F - #19555D | colorate

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

0.0%	0.0% #628E8F	RGB 98 142 143	#628E8F
16.7%	16.7% #528486	RGB 82 132 134	#528486
33.3%	33.3% #457B7E	RGB 69 123 126	#457B7E
50.0%	50.0% #387176	RGB 56 113 118	#387176
66.7%	66.7% #2C686D	RGB 44 104 109	#2C686D
83.3%	83.3% #225E65	RGB 34 94 101	#225E65
100.0%	100.0% #19555D	RGB 25 85 93	#19555D

#628E8F #528486 #457B7E #387176 #2C686D #225E65 #19555D

#628E8F - #387176 - #19555D

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #628E8F 0%, #387176 50%, #19555D 100%);
    background: -webkit-linear-gradient(top, #628E8F 0%, #387176 50%, #19555D 100%);
    background: linear-gradient(to bottom, #628E8F 0%, #387176 50%, #19555D 100%);
}
</style>