#1DB64F - #EAF3AC | colorate

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

Blend #1DB64F to #EAF3AC

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

RGBブレンド

#1DB64F - #EAF3AC | colorate

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

0.0%	0.0% #1DB64F	RGB 29 182 79	#1DB64F
16.7%	16.7% #3FC05E	RGB 63 192 94	#3FC05E
33.3%	33.3% #61CA6E	RGB 97 202 110	#61CA6E
50.0%	50.0% #83D47D	RGB 131 212 125	#83D47D
66.7%	66.7% #A5DE8D	RGB 165 222 141	#A5DE8D
83.3%	83.3% #C7E89C	RGB 199 232 156	#C7E89C
100.0%	100.0% #EAF3AC	RGB 234 243 172	#EAF3AC

#1DB64F #3FC05E #61CA6E #83D47D #A5DE8D #C7E89C #EAF3AC

#1DB64F - #EAF3AC

HSVブレンド

#1DB64F - #EAF3AC | colorate

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

0.0%	0.0% #1DB64F	RGB 29 182 79	#1DB64F
16.7%	16.7% #30C042	RGB 48 192 66	#30C042
33.3%	33.3% #4ECA45	RGB 78 202 69	#4ECA45
50.0%	50.0% #7DD45C	RGB 125 212 92	#7DD45C
66.7%	66.7% #A6DE74	RGB 166 222 116	#A6DE74
83.3%	83.3% #CBE88F	RGB 203 232 143	#CBE88F
100.0%	100.0% #EAF3AC	RGB 234 243 172	#EAF3AC

#1DB64F #30C042 #4ECA45 #7DD45C #A6DE74 #CBE88F #EAF3AC

#1DB64F - #7DD45C - #EAF3AC

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1DB64F 0%, #7DD45C 50%, #EAF3AC 100%);
    background: -webkit-linear-gradient(top, #1DB64F 0%, #7DD45C 50%, #EAF3AC 100%);
    background: linear-gradient(to bottom, #1DB64F 0%, #7DD45C 50%, #EAF3AC 100%);
}
</style>