#00B240 - #8CDF8F | colorate

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

Blend #00B240 to #8CDF8F

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

RGBブレンド

#00B240 - #8CDF8F | colorate

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

0.0%	0.0% #00B240	RGB 0 178 64	#00B240
16.7%	16.7% #17B94D	RGB 23 185 77	#17B94D
33.3%	33.3% #2EC15A	RGB 46 193 90	#2EC15A
50.0%	50.0% #46C867	RGB 70 200 103	#46C867
66.7%	66.7% #5DD074	RGB 93 208 116	#5DD074
83.3%	83.3% #74D781	RGB 116 215 129	#74D781
100.0%	100.0% #8CDF8F	RGB 140 223 143	#8CDF8F

#00B240 #17B94D #2EC15A #46C867 #5DD074 #74D781 #8CDF8F

#00B240 - #8CDF8F

HSVブレンド

#00B240 - #8CDF8F | colorate

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

0.0%	0.0% #00B23F	RGB 0 178 63	#00B23F
16.7%	16.7% #13B946	RGB 19 185 70	#13B946
33.3%	33.3% #28C14E	RGB 40 193 78	#28C14E
50.0%	50.0% #3EC85A	RGB 62 200 90	#3EC85A
66.7%	66.7% #57D068	RGB 87 208 104	#57D068
83.3%	83.3% #70D779	RGB 112 215 121	#70D779
100.0%	100.0% #8CDF8F	RGB 140 223 143	#8CDF8F

#00B23F #13B946 #28C14E #3EC85A #57D068 #70D779 #8CDF8F

#00B240 - #3EC85A - #8CDF8F

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00B23F 0%, #3EC85A 50%, #8CDF8F 100%);
    background: -webkit-linear-gradient(top, #00B23F 0%, #3EC85A 50%, #8CDF8F 100%);
    background: linear-gradient(to bottom, #00B23F 0%, #3EC85A 50%, #8CDF8F 100%);
}
</style>