#3EFFF2 - #00E6E6 | colorate

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

Blend #3EFFF2 to #00E6E6

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

RGBブレンド

#3EFFF2 - #00E6E6 | colorate

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

0.0%	0.0% #3EFFF2	RGB 62 255 242	#3EFFF2
16.7%	16.7% #33FAF0	RGB 51 250 240	#33FAF0
33.3%	33.3% #29F6EE	RGB 41 246 238	#29F6EE
50.0%	50.0% #1FF2EC	RGB 31 242 236	#1FF2EC
66.7%	66.7% #14EEEA	RGB 20 238 234	#14EEEA
83.3%	83.3% #0AEAE8	RGB 10 234 232	#0AEAE8
100.0%	100.0% #00E6E6	RGB 0 230 230	#00E6E6

#3EFFF2 #33FAF0 #29F6EE #1FF2EC #14EEEA #0AEAE8 #00E6E6

#3EFFF2 - #00E6E6

HSVブレンド

#3EFFF2 - #00E6E6 | colorate

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

0.0%	0.0% #3DFFF2	RGB 61 255 242	#3DFFF2
16.7%	16.7% #32FAEF	RGB 50 250 239	#32FAEF
33.3%	33.3% #27F6ED	RGB 39 246 237	#27F6ED
50.0%	50.0% #1DF2EB	RGB 29 242 235	#1DF2EB
66.7%	66.7% #13EEE9	RGB 19 238 233	#13EEE9
83.3%	83.3% #09EAE7	RGB 9 234 231	#09EAE7
100.0%	100.0% #00E6E6	RGB 0 230 230	#00E6E6

#3DFFF2 #32FAEF #27F6ED #1DF2EB #13EEE9 #09EAE7 #00E6E6

#3EFFF2 - #1DF2EB - #00E6E6

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3DFFF2 0%, #1DF2EB 50%, #00E6E6 100%);
    background: -webkit-linear-gradient(top, #3DFFF2 0%, #1DF2EB 50%, #00E6E6 100%);
    background: linear-gradient(to bottom, #3DFFF2 0%, #1DF2EB 50%, #00E6E6 100%);
}
</style>