#EBFFD1 - #B5D780 | colorate

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

Blend #EBFFD1 to #B5D780

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

RGBブレンド

#EBFFD1 - #B5D780 | colorate

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

0.0%	0.0% #EBFFD1	RGB 235 255 209	#EBFFD1
16.7%	16.7% #E2F8C3	RGB 226 248 195	#E2F8C3
33.3%	33.3% #D9F1B6	RGB 217 241 182	#D9F1B6
50.0%	50.0% #D0EBA8	RGB 208 235 168	#D0EBA8
66.7%	66.7% #C7E49B	RGB 199 228 155	#C7E49B
83.3%	83.3% #BEDD8D	RGB 190 221 141	#BEDD8D
100.0%	100.0% #B5D780	RGB 181 215 128	#B5D780

#EBFFD1 #E2F8C3 #D9F1B6 #D0EBA8 #C7E49B #BEDD8D #B5D780

#EBFFD1 - #B5D780

HSVブレンド

#EBFFD1 - #B5D780 | colorate

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

0.0%	0.0% #EBFFD1	RGB 235 255 209	#EBFFD1
16.7%	16.7% #E1F8C2	RGB 225 248 194	#E1F8C2
33.3%	33.3% #D7F1B4	RGB 215 241 180	#D7F1B4
50.0%	50.0% #CEEBA6	RGB 206 235 166	#CEEBA6
66.7%	66.7% #C5E499	RGB 197 228 153	#C5E499
83.3%	83.3% #BDDD8C	RGB 189 221 140	#BDDD8C
100.0%	100.0% #B5D780	RGB 181 215 128	#B5D780

#EBFFD1 #E1F8C2 #D7F1B4 #CEEBA6 #C5E499 #BDDD8C #B5D780

#EBFFD1 - #CEEBA6 - #B5D780

CSSコード

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

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