#C2EC8C - #AAFDB1 | colorate

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

Blend #C2EC8C to #AAFDB1

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

RGBブレンド

#C2EC8C - #AAFDB1 | colorate

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

0.0%	0.0% #C2EC8C	RGB 194 236 140	#C2EC8C
16.7%	16.7% #BEEE92	RGB 190 238 146	#BEEE92
33.3%	33.3% #BAF198	RGB 186 241 152	#BAF198
50.0%	50.0% #B6F49E	RGB 182 244 158	#B6F49E
66.7%	66.7% #B2F7A4	RGB 178 247 164	#B2F7A4
83.3%	83.3% #AEFAAA	RGB 174 250 170	#AEFAAA
100.0%	100.0% #AAFDB1	RGB 170 253 177	#AAFDB1

#C2EC8C #BEEE92 #BAF198 #B6F49E #B2F7A4 #AEFAAA #AAFDB1

#C2EC8C - #AAFDB1

HSVブレンド

#C2EC8C - #AAFDB1 | colorate

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

0.0%	0.0% #C2EC8C	RGB 194 236 140	#C2EC8C
16.7%	16.7% #BBEE90	RGB 187 238 144	#BBEE90
33.3%	33.3% #B5F195	RGB 181 241 149	#B5F195
50.0%	50.0% #B0F49A	RGB 176 244 154	#B0F49A
66.7%	66.7% #ABF79F	RGB 171 247 159	#ABF79F
83.3%	83.3% #A6FAA4	RGB 166 250 164	#A6FAA4
100.0%	100.0% #AAFDB1	RGB 170 253 177	#AAFDB1

#C2EC8C #BBEE90 #B5F195 #B0F49A #ABF79F #A6FAA4 #AAFDB1

#C2EC8C - #B0F49A - #AAFDB1

CSSコード

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

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