#3FFFF3 - #00E6E8 | colorate

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

Blend #3FFFF3 to #00E6E8

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

RGBブレンド

#3FFFF3 - #00E6E8 | colorate

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

0.0%	0.0% #3FFFF3	RGB 63 255 243	#3FFFF3
16.7%	16.7% #34FAF1	RGB 52 250 241	#34FAF1
33.3%	33.3% #2AF6EF	RGB 42 246 239	#2AF6EF
50.0%	50.0% #1FF2ED	RGB 31 242 237	#1FF2ED
66.7%	66.7% #15EEEB	RGB 21 238 235	#15EEEB
83.3%	83.3% #0AEAE9	RGB 10 234 233	#0AEAE9
100.0%	100.0% #00E6E8	RGB 0 230 232	#00E6E8

#3FFFF3 #34FAF1 #2AF6EF #1FF2ED #15EEEB #0AEAE9 #00E6E8

#3FFFF3 - #00E6E8

HSVブレンド

#3FFFF3 - #00E6E8 | colorate

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

0.0%	0.0% #3FFFF3	RGB 63 255 243	#3FFFF3
16.7%	16.7% #33FBF1	RGB 51 251 241	#33FBF1
33.3%	33.3% #28F7EF	RGB 40 247 239	#28F7EF
50.0%	50.0% #1EF3ED	RGB 30 243 237	#1EF3ED
66.7%	66.7% #13EFEC	RGB 19 239 236	#13EFEC
83.3%	83.3% #09EBEB	RGB 9 235 235	#09EBEB
100.0%	100.0% #00E6E8	RGB 0 230 232	#00E6E8

#3FFFF3 #33FBF1 #28F7EF #1EF3ED #13EFEC #09EBEB #00E6E8

#3FFFF3 - #1EF3ED - #00E6E8

CSSコード

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

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