#ADE897 - #FFF0AD | colorate

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

Blend #ADE897 to #FFF0AD

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

RGBブレンド

#ADE897 - #FFF0AD | colorate

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

0.0%	0.0% #ADE897	RGB 173 232 151	#ADE897
16.7%	16.7% #BAE99A	RGB 186 233 154	#BAE99A
33.3%	33.3% #C8EA9E	RGB 200 234 158	#C8EA9E
50.0%	50.0% #D6ECA2	RGB 214 236 162	#D6ECA2
66.7%	66.7% #E3EDA5	RGB 227 237 165	#E3EDA5
83.3%	83.3% #F1EEA9	RGB 241 238 169	#F1EEA9
100.0%	100.0% #FFF0AD	RGB 255 240 173	#FFF0AD

#ADE897 #BAE99A #C8EA9E #D6ECA2 #E3EDA5 #F1EEA9 #FFF0AD

#ADE897 - #FFF0AD

HSVブレンド

#ADE897 - #FFF0AD | colorate

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

0.0%	0.0% #ADE897	RGB 173 232 151	#ADE897
16.7%	16.7% #BCEB9A	RGB 188 235 154	#BCEB9A
33.3%	33.3% #CDEF9E	RGB 205 239 158	#CDEF9E
50.0%	50.0% #DDF3A1	RGB 221 243 161	#DDF3A1
66.7%	66.7% #EDF7A5	RGB 237 247 165	#EDF7A5
83.3%	83.3% #FBF8A9	RGB 251 248 169	#FBF8A9
100.0%	100.0% #FFF0AD	RGB 255 240 173	#FFF0AD

#ADE897 #BCEB9A #CDEF9E #DDF3A1 #EDF7A5 #FBF8A9 #FFF0AD

#ADE897 - #DDF3A1 - #FFF0AD

CSSコード

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

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