#36ED4A - #0EA91B | colorate

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

Blend #36ED4A to #0EA91B

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

RGBブレンド

#36ED4A - #0EA91B | colorate

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

0.0%	0.0% #36ED4A	RGB 54 237 74	#36ED4A
16.7%	16.7% #2FE142	RGB 47 225 66	#2FE142
33.3%	33.3% #28D63A	RGB 40 214 58	#28D63A
50.0%	50.0% #22CB32	RGB 34 203 50	#22CB32
66.7%	66.7% #1BBF2A	RGB 27 191 42	#1BBF2A
83.3%	83.3% #14B422	RGB 20 180 34	#14B422
100.0%	100.0% #0EA91B	RGB 14 169 27	#0EA91B

#36ED4A #2FE142 #28D63A #22CB32 #1BBF2A #14B422 #0EA91B

#36ED4A - #0EA91B

HSVブレンド

#36ED4A - #0EA91B | colorate

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

0.0%	0.0% #36ED49	RGB 54 237 73	#36ED49
16.7%	16.7% #2DE140	RGB 45 225 64	#2DE140
33.3%	33.3% #26D638	RGB 38 214 56	#26D638
50.0%	50.0% #1FCB30	RGB 31 203 48	#1FCB30
66.7%	66.7% #19BF28	RGB 25 191 40	#19BF28
83.3%	83.3% #13B421	RGB 19 180 33	#13B421
100.0%	100.0% #0EA91B	RGB 14 169 27	#0EA91B

#36ED49 #2DE140 #26D638 #1FCB30 #19BF28 #13B421 #0EA91B

#36ED4A - #1FCB30 - #0EA91B

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #36ED49 0%, #1FCB30 50%, #0EA91B 100%);
    background: -webkit-linear-gradient(top, #36ED49 0%, #1FCB30 50%, #0EA91B 100%);
    background: linear-gradient(to bottom, #36ED49 0%, #1FCB30 50%, #0EA91B 100%);
}
</style>