#5E9929 - #FFDF58 | colorate

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

Blend #5E9929 to #FFDF58

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

RGBブレンド

#5E9929 - #FFDF58 | colorate

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

0.0%	0.0% #5E9929	RGB 94 153 41	#5E9929
16.7%	16.7% #78A430	RGB 120 164 48	#78A430
33.3%	33.3% #93B038	RGB 147 176 56	#93B038
50.0%	50.0% #AEBC40	RGB 174 188 64	#AEBC40
66.7%	66.7% #C9C748	RGB 201 199 72	#C9C748
83.3%	83.3% #E4D350	RGB 228 211 80	#E4D350
100.0%	100.0% #FFDF58	RGB 255 223 88	#FFDF58

#5E9929 #78A430 #93B038 #AEBC40 #C9C748 #E4D350 #FFDF58

#5E9929 - #FFDF58

HSVブレンド

#5E9929 - #FFDF58 | colorate

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

0.0%	0.0% #5D9928	RGB 93 153 40	#5D9928
16.7%	16.7% #78AA2F	RGB 120 170 47	#78AA2F
33.3%	33.3% #95BB36	RGB 149 187 54	#95BB36
50.0%	50.0% #B4CC3E	RGB 180 204 62	#B4CC3E
66.7%	66.7% #D5DD46	RGB 213 221 70	#D5DD46
83.3%	83.3% #EEE24F	RGB 238 226 79	#EEE24F
100.0%	100.0% #FFDF58	RGB 255 223 88	#FFDF58

#5D9928 #78AA2F #95BB36 #B4CC3E #D5DD46 #EEE24F #FFDF58

#5E9929 - #B4CC3E - #FFDF58

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5D9928 0%, #B4CC3E 50%, #FFDF58 100%);
    background: -webkit-linear-gradient(top, #5D9928 0%, #B4CC3E 50%, #FFDF58 100%);
    background: linear-gradient(to bottom, #5D9928 0%, #B4CC3E 50%, #FFDF58 100%);
}
</style>