#7EEA7E - #DAF9DA | colorate

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

Blend #7EEA7E to #DAF9DA

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

RGBブレンド

#7EEA7E - #DAF9DA | colorate

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

0.0%	0.0% #7EEA7E	RGB 126 234 126	#7EEA7E
16.7%	16.7% #8DEC8D	RGB 141 236 141	#8DEC8D
33.3%	33.3% #9CEF9C	RGB 156 239 156	#9CEF9C
50.0%	50.0% #ACF1AC	RGB 172 241 172	#ACF1AC
66.7%	66.7% #BBF4BB	RGB 187 244 187	#BBF4BB
83.3%	83.3% #CAF6CA	RGB 202 246 202	#CAF6CA
100.0%	100.0% #DAF9DA	RGB 218 249 218	#DAF9DA

#7EEA7E #8DEC8D #9CEF9C #ACF1AC #BBF4BB #CAF6CA #DAF9DA

#7EEA7E - #DAF9DA

HSVブレンド

#7EEA7E - #DAF9DA | colorate

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

0.0%	0.0% #7EEA7E	RGB 126 234 126	#7EEA7E
16.7%	16.7% #8CEC8C	RGB 140 236 140	#8CEC8C
33.3%	33.3% #9BEF9B	RGB 155 239 155	#9BEF9B
50.0%	50.0% #AAF1AA	RGB 170 241 170	#AAF1AA
66.7%	66.7% #BAF4BA	RGB 186 244 186	#BAF4BA
83.3%	83.3% #C9F6C9	RGB 201 246 201	#C9F6C9
100.0%	100.0% #DAF9DA	RGB 218 249 218	#DAF9DA

#7EEA7E #8CEC8C #9BEF9B #AAF1AA #BAF4BA #C9F6C9 #DAF9DA

#7EEA7E - #AAF1AA - #DAF9DA

CSSコード

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

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