#638F82 - #182B3A | colorate

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

Blend #638F82 to #182B3A

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

RGBブレンド

#638F82 - #182B3A | colorate

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

0.0%	0.0% #638F82	RGB 99 143 130	#638F82
16.7%	16.7% #567E76	RGB 86 126 118	#567E76
33.3%	33.3% #4A6D6A	RGB 74 109 106	#4A6D6A
50.0%	50.0% #3D5D5E	RGB 61 93 94	#3D5D5E
66.7%	66.7% #314C52	RGB 49 76 82	#314C52
83.3%	83.3% #243B46	RGB 36 59 70	#243B46
100.0%	100.0% #182B3A	RGB 24 43 58	#182B3A

#638F82 #567E76 #4A6D6A #3D5D5E #314C52 #243B46 #182B3A

#638F82 - #182B3A

HSVブレンド

#638F82 - #182B3A | colorate

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

0.0%	0.0% #638F82	RGB 99 143 130	#638F82
16.7%	16.7% #538078	RGB 83 128 120	#538078
33.3%	33.3% #447270	RGB 68 114 112	#447270
50.0%	50.0% #376164	RGB 55 97 100	#376164
66.7%	66.7% #2B4E56	RGB 43 78 86	#2B4E56
83.3%	83.3% #213B48	RGB 33 59 72	#213B48
100.0%	100.0% #182B3A	RGB 24 43 58	#182B3A

#638F82 #538078 #447270 #376164 #2B4E56 #213B48 #182B3A

#638F82 - #376164 - #182B3A

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #638F82 0%, #376164 50%, #182B3A 100%);
    background: -webkit-linear-gradient(top, #638F82 0%, #376164 50%, #182B3A 100%);
    background: linear-gradient(to bottom, #638F82 0%, #376164 50%, #182B3A 100%);
}
</style>