#8AFFA1 - #2CDC73 | colorate

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

Blend #8AFFA1 to #2CDC73

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

RGBブレンド

#8AFFA1 - #2CDC73 | colorate

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

0.0%	0.0% #8AFFA1	RGB 138 255 161	#8AFFA1
16.7%	16.7% #7AF999	RGB 122 249 153	#7AF999
33.3%	33.3% #6AF391	RGB 106 243 145	#6AF391
50.0%	50.0% #5BED8A	RGB 91 237 138	#5BED8A
66.7%	66.7% #4BE782	RGB 75 231 130	#4BE782
83.3%	83.3% #3BE17A	RGB 59 225 122	#3BE17A
100.0%	100.0% #2CDC73	RGB 44 220 115	#2CDC73

#8AFFA1 #7AF999 #6AF391 #5BED8A #4BE782 #3BE17A #2CDC73

#8AFFA1 - #2CDC73

HSVブレンド

#8AFFA1 - #2CDC73 | colorate

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

0.0%	0.0% #8AFFA0	RGB 138 255 160	#8AFFA0
16.7%	16.7% #78F996	RGB 120 249 150	#78F996
33.3%	33.3% #68F38D	RGB 104 243 141	#68F38D
50.0%	50.0% #58ED84	RGB 88 237 132	#58ED84
66.7%	66.7% #48E77D	RGB 72 231 125	#48E77D
83.3%	83.3% #3AE177	RGB 58 225 119	#3AE177
100.0%	100.0% #2CDC73	RGB 44 220 115	#2CDC73

#8AFFA0 #78F996 #68F38D #58ED84 #48E77D #3AE177 #2CDC73

#8AFFA1 - #58ED84 - #2CDC73

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8AFFA0 0%, #58ED84 50%, #2CDC73 100%);
    background: -webkit-linear-gradient(top, #8AFFA0 0%, #58ED84 50%, #2CDC73 100%);
    background: linear-gradient(to bottom, #8AFFA0 0%, #58ED84 50%, #2CDC73 100%);
}
</style>