#C9FFB2 - #7BF658 | colorate

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

Blend #C9FFB2 to #7BF658

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

RGBブレンド

#C9FFB2 - #7BF658 | colorate

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

0.0%	0.0% #C9FFB2	RGB 201 255 178	#C9FFB2
16.7%	16.7% #BCFDA3	RGB 188 253 163	#BCFDA3
33.3%	33.3% #AFFC94	RGB 175 252 148	#AFFC94
50.0%	50.0% #A2FA85	RGB 162 250 133	#A2FA85
66.7%	66.7% #95F976	RGB 149 249 118	#95F976
83.3%	83.3% #88F767	RGB 136 247 103	#88F767
100.0%	100.0% #7BF658	RGB 123 246 88	#7BF658

#C9FFB2 #BCFDA3 #AFFC94 #A2FA85 #95F976 #88F767 #7BF658

#C9FFB2 - #7BF658

HSVブレンド

#C9FFB2 - #7BF658 | colorate

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

0.0%	0.0% #C9FFB2	RGB 201 255 178	#C9FFB2
16.7%	16.7% #BCFDA2	RGB 188 253 162	#BCFDA2
33.3%	33.3% #AFFC93	RGB 175 252 147	#AFFC93
50.0%	50.0% #A2FA84	RGB 162 250 132	#A2FA84
66.7%	66.7% #95F975	RGB 149 249 117	#95F975
83.3%	83.3% #88F766	RGB 136 247 102	#88F766
100.0%	100.0% #7BF658	RGB 123 246 88	#7BF658

#C9FFB2 #BCFDA2 #AFFC93 #A2FA84 #95F975 #88F766 #7BF658

#C9FFB2 - #A2FA84 - #7BF658

CSSコード

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

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