#4DF3E6 - #00D4CD | colorate

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

Blend #4DF3E6 to #00D4CD

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

RGBブレンド

#4DF3E6 - #00D4CD | colorate

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

0.0%	0.0% #4DF3E6	RGB 77 243 230	#4DF3E6
16.7%	16.7% #40EDE1	RGB 64 237 225	#40EDE1
33.3%	33.3% #33E8DD	RGB 51 232 221	#33E8DD
50.0%	50.0% #26E3D9	RGB 38 227 217	#26E3D9
66.7%	66.7% #19DED5	RGB 25 222 213	#19DED5
83.3%	83.3% #0CD9D1	RGB 12 217 209	#0CD9D1
100.0%	100.0% #00D4CD	RGB 0 212 205	#00D4CD

#4DF3E6 #40EDE1 #33E8DD #26E3D9 #19DED5 #0CD9D1 #00D4CD

#4DF3E6 - #00D4CD

HSVブレンド

#4DF3E6 - #00D4CD | colorate

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

0.0%	0.0% #4DF3E6	RGB 77 243 230	#4DF3E6
16.7%	16.7% #3EEDE1	RGB 62 237 225	#3EEDE1
33.3%	33.3% #31E8DD	RGB 49 232 221	#31E8DD
50.0%	50.0% #24E3D8	RGB 36 227 216	#24E3D8
66.7%	66.7% #17DED4	RGB 23 222 212	#17DED4
83.3%	83.3% #0BD9D0	RGB 11 217 208	#0BD9D0
100.0%	100.0% #00D4CD	RGB 0 212 205	#00D4CD

#4DF3E6 #3EEDE1 #31E8DD #24E3D8 #17DED4 #0BD9D0 #00D4CD

#4DF3E6 - #24E3D8 - #00D4CD

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4DF3E6 0%, #24E3D8 50%, #00D4CD 100%);
    background: -webkit-linear-gradient(top, #4DF3E6 0%, #24E3D8 50%, #00D4CD 100%);
    background: linear-gradient(to bottom, #4DF3E6 0%, #24E3D8 50%, #00D4CD 100%);
}
</style>