#5ACB5E - #FFFA85 | colorate

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

Blend #5ACB5E to #FFFA85

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

RGBブレンド

#5ACB5E - #FFFA85 | colorate

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

0.0%	0.0% #5ACB5E	RGB 90 203 94	#5ACB5E
16.7%	16.7% #75D264	RGB 117 210 100	#75D264
33.3%	33.3% #91DA6B	RGB 145 218 107	#91DA6B
50.0%	50.0% #ACE271	RGB 172 226 113	#ACE271
66.7%	66.7% #C8EA78	RGB 200 234 120	#C8EA78
83.3%	83.3% #E3F27E	RGB 227 242 126	#E3F27E
100.0%	100.0% #FFFA85	RGB 255 250 133	#FFFA85

#5ACB5E #75D264 #91DA6B #ACE271 #C8EA78 #E3F27E #FFFA85

#5ACB5E - #FFFA85

HSVブレンド

#5ACB5E - #FFFA85 | colorate

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

0.0%	0.0% #5ACB5E	RGB 90 203 94	#5ACB5E
16.7%	16.7% #71D360	RGB 113 211 96	#71D360
33.3%	33.3% #8DDC67	RGB 141 220 103	#8DDC67
50.0%	50.0% #AAE56E	RGB 170 229 110	#AAE56E
66.7%	66.7% #C7ED75	RGB 199 237 117	#C7ED75
83.3%	83.3% #E5F67D	RGB 229 246 125	#E5F67D
100.0%	100.0% #FFFA85	RGB 255 250 133	#FFFA85

#5ACB5E #71D360 #8DDC67 #AAE56E #C7ED75 #E5F67D #FFFA85

#5ACB5E - #AAE56E - #FFFA85

CSSコード

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

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