#5EADA3 - #AEE38D | colorate

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

Blend #5EADA3 to #AEE38D

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

RGBブレンド

#5EADA3 - #AEE38D | colorate

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

0.0%	0.0% #5EADA3	RGB 94 173 163	#5EADA3
16.7%	16.7% #6BB69F	RGB 107 182 159	#6BB69F
33.3%	33.3% #78BF9B	RGB 120 191 155	#78BF9B
50.0%	50.0% #86C898	RGB 134 200 152	#86C898
66.7%	66.7% #93D194	RGB 147 209 148	#93D194
83.3%	83.3% #A0DA90	RGB 160 218 144	#A0DA90
100.0%	100.0% #AEE38D	RGB 174 227 141	#AEE38D

#5EADA3 #6BB69F #78BF9B #86C898 #93D194 #A0DA90 #AEE38D

#5EADA3 - #AEE38D

HSVブレンド

#5EADA3 - #AEE38D | colorate

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

0.0%	0.0% #5EADA3	RGB 94 173 163	#5EADA3
16.7%	16.7% #65B69A	RGB 101 182 154	#65B69A
33.3%	33.3% #6CBF92	RGB 108 191 146	#6CBF92
50.0%	50.0% #74C888	RGB 116 200 136	#74C888
66.7%	66.7% #7CD17F	RGB 124 209 127	#7CD17F
83.3%	83.3% #93DA84	RGB 147 218 132	#93DA84
100.0%	100.0% #AEE38D	RGB 174 227 141	#AEE38D

#5EADA3 #65B69A #6CBF92 #74C888 #7CD17F #93DA84 #AEE38D

#5EADA3 - #74C888 - #AEE38D

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5EADA3 0%, #74C888 50%, #AEE38D 100%);
    background: -webkit-linear-gradient(top, #5EADA3 0%, #74C888 50%, #AEE38D 100%);
    background: linear-gradient(to bottom, #5EADA3 0%, #74C888 50%, #AEE38D 100%);
}
</style>