#00FF39 - #0BA21F | colorate

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

Blend #00FF39 to #0BA21F

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

RGBブレンド

#00FF39 - #0BA21F | colorate

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

0.0%	0.0% #00FF39	RGB 0 255 57	#00FF39
16.7%	16.7% #01EF34	RGB 1 239 52	#01EF34
33.3%	33.3% #03E030	RGB 3 224 48	#03E030
50.0%	50.0% #05D02C	RGB 5 208 44	#05D02C
66.7%	66.7% #07C127	RGB 7 193 39	#07C127
83.3%	83.3% #09B123	RGB 9 177 35	#09B123
100.0%	100.0% #0BA21F	RGB 11 162 31	#0BA21F

#00FF39 #01EF34 #03E030 #05D02C #07C127 #09B123 #0BA21F

#00FF39 - #0BA21F

HSVブレンド

#00FF39 - #0BA21F | colorate

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

0.0%	0.0% #00FF39	RGB 0 255 57	#00FF39
16.7%	16.7% #02EF34	RGB 2 239 52	#02EF34
33.3%	33.3% #05E02F	RGB 5 224 47	#05E02F
50.0%	50.0% #07D02A	RGB 7 208 42	#07D02A
66.7%	66.7% #08C126	RGB 8 193 38	#08C126
83.3%	83.3% #0AB122	RGB 10 177 34	#0AB122
100.0%	100.0% #0BA21F	RGB 11 162 31	#0BA21F

#00FF39 #02EF34 #05E02F #07D02A #08C126 #0AB122 #0BA21F

#00FF39 - #07D02A - #0BA21F

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00FF39 0%, #07D02A 50%, #0BA21F 100%);
    background: -webkit-linear-gradient(top, #00FF39 0%, #07D02A 50%, #0BA21F 100%);
    background: linear-gradient(to bottom, #00FF39 0%, #07D02A 50%, #0BA21F 100%);
}
</style>