#E7FF4B - #FFDB8C | colorate

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

Blend #E7FF4B to #FFDB8C

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

RGBブレンド

#E7FF4B - #FFDB8C | colorate

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

0.0%	0.0% #E7FF4B	RGB 231 255 75	#E7FF4B
16.7%	16.7% #EBF955	RGB 235 249 85	#EBF955
33.3%	33.3% #EFF360	RGB 239 243 96	#EFF360
50.0%	50.0% #F3ED6B	RGB 243 237 107	#F3ED6B
66.7%	66.7% #F7E776	RGB 247 231 118	#F7E776
83.3%	83.3% #FBE181	RGB 251 225 129	#FBE181
100.0%	100.0% #FFDB8C	RGB 255 219 140	#FFDB8C

#E7FF4B #EBF955 #EFF360 #F3ED6B #F7E776 #FBE181 #FFDB8C

#E7FF4B - #FFDB8C

HSVブレンド

#E7FF4B - #FFDB8C | colorate

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

0.0%	0.0% #E7FF4B	RGB 231 255 75	#E7FF4B
16.7%	16.7% #F5FF55	RGB 245 255 85	#F5FF55
33.3%	33.3% #FFFC60	RGB 255 252 96	#FFFC60
50.0%	50.0% #FFF16B	RGB 255 241 107	#FFF16B
66.7%	66.7% #FFE876	RGB 255 232 118	#FFE876
83.3%	83.3% #FFE081	RGB 255 224 129	#FFE081
100.0%	100.0% #FFDB8C	RGB 255 219 140	#FFDB8C

#E7FF4B #F5FF55 #FFFC60 #FFF16B #FFE876 #FFE081 #FFDB8C

#E7FF4B - #FFF16B - #FFDB8C

CSSコード

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

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