#B2FFB5 - #4EE074 | colorate

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

Blend #B2FFB5 to #4EE074

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

RGBブレンド

#B2FFB5 - #4EE074 | colorate

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

0.0%	0.0% #B2FFB5	RGB 178 255 181	#B2FFB5
16.7%	16.7% #A1F9AA	RGB 161 249 170	#A1F9AA
33.3%	33.3% #90F49F	RGB 144 244 159	#90F49F
50.0%	50.0% #80EF94	RGB 128 239 148	#80EF94
66.7%	66.7% #6FEA89	RGB 111 234 137	#6FEA89
83.3%	83.3% #5EE57E	RGB 94 229 126	#5EE57E
100.0%	100.0% #4EE074	RGB 78 224 116	#4EE074

#B2FFB5 #A1F9AA #90F49F #80EF94 #6FEA89 #5EE57E #4EE074

#B2FFB5 - #4EE074

HSVブレンド

#B2FFB5 - #4EE074 | colorate

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

0.0%	0.0% #B2FFB5	RGB 178 255 181	#B2FFB5
16.7%	16.7% #9FF9A6	RGB 159 249 166	#9FF9A6
33.3%	33.3% #8EF499	RGB 142 244 153	#8EF499
50.0%	50.0% #7DEF8E	RGB 125 239 142	#7DEF8E
66.7%	66.7% #6CEA84	RGB 108 234 132	#6CEA84
83.3%	83.3% #5DE57B	RGB 93 229 123	#5DE57B
100.0%	100.0% #4EE074	RGB 78 224 116	#4EE074

#B2FFB5 #9FF9A6 #8EF499 #7DEF8E #6CEA84 #5DE57B #4EE074

#B2FFB5 - #7DEF8E - #4EE074

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B2FFB5 0%, #7DEF8E 50%, #4EE074 100%);
    background: -webkit-linear-gradient(top, #B2FFB5 0%, #7DEF8E 50%, #4EE074 100%);
    background: linear-gradient(to bottom, #B2FFB5 0%, #7DEF8E 50%, #4EE074 100%);
}
</style>