#A8DF9F - #57C24E | colorate

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

Blend #A8DF9F to #57C24E

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

RGBブレンド

#A8DF9F - #57C24E | colorate

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

0.0%	0.0% #A8DF9F	RGB 168 223 159	#A8DF9F
16.7%	16.7% #9ADA91	RGB 154 218 145	#9ADA91
33.3%	33.3% #8DD584	RGB 141 213 132	#8DD584
50.0%	50.0% #7FD076	RGB 127 208 118	#7FD076
66.7%	66.7% #72CB69	RGB 114 203 105	#72CB69
83.3%	83.3% #64C65B	RGB 100 198 91	#64C65B
100.0%	100.0% #57C24E	RGB 87 194 78	#57C24E

#A8DF9F #9ADA91 #8DD584 #7FD076 #72CB69 #64C65B #57C24E

#A8DF9F - #57C24E

HSVブレンド

#A8DF9F - #57C24E | colorate

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

0.0%	0.0% #A8DF9F	RGB 168 223 159	#A8DF9F
16.7%	16.7% #99DA90	RGB 153 218 144	#99DA90
33.3%	33.3% #8BD581	RGB 139 213 129	#8BD581
50.0%	50.0% #7ED074	RGB 126 208 116	#7ED074
66.7%	66.7% #70CB66	RGB 112 203 102	#70CB66
83.3%	83.3% #63C65A	RGB 99 198 90	#63C65A
100.0%	100.0% #57C24E	RGB 87 194 78	#57C24E

#A8DF9F #99DA90 #8BD581 #7ED074 #70CB66 #63C65A #57C24E

#A8DF9F - #7ED074 - #57C24E

CSSコード

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

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