#C2FD5E - #7DDE1F | colorate

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

Blend #C2FD5E to #7DDE1F

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

RGBブレンド

#C2FD5E - #7DDE1F | colorate

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

0.0%	0.0% #C2FD5E	RGB 194 253 94	#C2FD5E
16.7%	16.7% #B6F753	RGB 182 247 83	#B6F753
33.3%	33.3% #ABF249	RGB 171 242 73	#ABF249
50.0%	50.0% #9FED3E	RGB 159 237 62	#9FED3E
66.7%	66.7% #94E834	RGB 148 232 52	#94E834
83.3%	83.3% #88E329	RGB 136 227 41	#88E329
100.0%	100.0% #7DDE1F	RGB 125 222 31	#7DDE1F

#C2FD5E #B6F753 #ABF249 #9FED3E #94E834 #88E329 #7DDE1F

#C2FD5E - #7DDE1F

HSVブレンド

#C2FD5E - #7DDE1F | colorate

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

0.0%	0.0% #C2FD5E	RGB 194 253 94	#C2FD5E
16.7%	16.7% #B6F752	RGB 182 247 82	#B6F752
33.3%	33.3% #ABF247	RGB 171 242 71	#ABF247
50.0%	50.0% #9FED3C	RGB 159 237 60	#9FED3C
66.7%	66.7% #94E832	RGB 148 232 50	#94E832
83.3%	83.3% #88E328	RGB 136 227 40	#88E328
100.0%	100.0% #7DDE1F	RGB 125 222 31	#7DDE1F

#C2FD5E #B6F752 #ABF247 #9FED3C #94E832 #88E328 #7DDE1F

#C2FD5E - #9FED3C - #7DDE1F

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C2FD5E 0%, #9FED3C 50%, #7DDE1F 100%);
    background: -webkit-linear-gradient(top, #C2FD5E 0%, #9FED3C 50%, #7DDE1F 100%);
    background: linear-gradient(to bottom, #C2FD5E 0%, #9FED3C 50%, #7DDE1F 100%);
}
</style>