#00FFEE - #00E2E7 | colorate

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

Blend #00FFEE to #00E2E7

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

RGBブレンド

#00FFEE - #00E2E7 | colorate

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

0.0%	0.0% #00FFEE	RGB 0 255 238	#00FFEE
16.7%	16.7% #00FAEC	RGB 0 250 236	#00FAEC
33.3%	33.3% #00F5EB	RGB 0 245 235	#00F5EB
50.0%	50.0% #00F0EA	RGB 0 240 234	#00F0EA
66.7%	66.7% #00EBE9	RGB 0 235 233	#00EBE9
83.3%	83.3% #00E6E8	RGB 0 230 232	#00E6E8
100.0%	100.0% #00E2E7	RGB 0 226 231	#00E2E7

#00FFEE #00FAEC #00F5EB #00F0EA #00EBE9 #00E6E8 #00E2E7

#00FFEE - #00E2E7

HSVブレンド

#00FFEE - #00E2E7 | colorate

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

0.0%	0.0% #00FFEE	RGB 0 255 238	#00FFEE
16.7%	16.7% #00FBED	RGB 0 251 237	#00FBED
33.3%	33.3% #00F7ED	RGB 0 247 237	#00F7ED
50.0%	50.0% #00F3ED	RGB 0 243 237	#00F3ED
66.7%	66.7% #00EFED	RGB 0 239 237	#00EFED
83.3%	83.3% #00E9EB	RGB 0 233 235	#00E9EB
100.0%	100.0% #00E2E7	RGB 0 226 231	#00E2E7

#00FFEE #00FBED #00F7ED #00F3ED #00EFED #00E9EB #00E2E7

#00FFEE - #00F3ED - #00E2E7

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00FFEE 0%, #00F3ED 50%, #00E2E7 100%);
    background: -webkit-linear-gradient(top, #00FFEE 0%, #00F3ED 50%, #00E2E7 100%);
    background: linear-gradient(to bottom, #00FFEE 0%, #00F3ED 50%, #00E2E7 100%);
}
</style>