#CDFFC7 - #7AF378 | colorate

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

Blend #CDFFC7 to #7AF378

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

RGBブレンド

#CDFFC7 - #7AF378 | colorate

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

0.0%	0.0% #CDFFC7	RGB 205 255 199	#CDFFC7
16.7%	16.7% #BFFDB9	RGB 191 253 185	#BFFDB9
33.3%	33.3% #B1FBAC	RGB 177 251 172	#B1FBAC
50.0%	50.0% #A3F99F	RGB 163 249 159	#A3F99F
66.7%	66.7% #95F792	RGB 149 247 146	#95F792
83.3%	83.3% #87F585	RGB 135 245 133	#87F585
100.0%	100.0% #7AF378	RGB 122 243 120	#7AF378

#CDFFC7 #BFFDB9 #B1FBAC #A3F99F #95F792 #87F585 #7AF378

#CDFFC7 - #7AF378

HSVブレンド

#CDFFC7 - #7AF378 | colorate

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

0.0%	0.0% #CDFFC7	RGB 205 255 199	#CDFFC7
16.7%	16.7% #BFFDB9	RGB 191 253 185	#BFFDB9
33.3%	33.3% #B1FBAB	RGB 177 251 171	#B1FBAB
50.0%	50.0% #A4F99E	RGB 164 249 158	#A4F99E
66.7%	66.7% #96F791	RGB 150 247 145	#96F791
83.3%	83.3% #88F584	RGB 136 245 132	#88F584
100.0%	100.0% #7AF378	RGB 122 243 120	#7AF378

#CDFFC7 #BFFDB9 #B1FBAB #A4F99E #96F791 #88F584 #7AF378

#CDFFC7 - #A4F99E - #7AF378

CSSコード

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

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