#D5E3CF - #86BA7E | colorate

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

Blend #D5E3CF to #86BA7E

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

RGBブレンド

#D5E3CF - #86BA7E | colorate

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

0.0%	0.0% #D5E3CF	RGB 213 227 207	#D5E3CF
16.7%	16.7% #C7DCC1	RGB 199 220 193	#C7DCC1
33.3%	33.3% #BAD5B4	RGB 186 213 180	#BAD5B4
50.0%	50.0% #ADCEA6	RGB 173 206 166	#ADCEA6
66.7%	66.7% #A0C799	RGB 160 199 153	#A0C799
83.3%	83.3% #93C08B	RGB 147 192 139	#93C08B
100.0%	100.0% #86BA7E	RGB 134 186 126	#86BA7E

#D5E3CF #C7DCC1 #BAD5B4 #ADCEA6 #A0C799 #93C08B #86BA7E

#D5E3CF - #86BA7E

HSVブレンド

#D5E3CF - #86BA7E | colorate

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

0.0%	0.0% #D5E3CF	RGB 213 227 207	#D5E3CF
16.7%	16.7% #C7DCC0	RGB 199 220 192	#C7DCC0
33.3%	33.3% #BAD5B1	RGB 186 213 177	#BAD5B1
50.0%	50.0% #ADCEA4	RGB 173 206 164	#ADCEA4
66.7%	66.7% #A0C796	RGB 160 199 150	#A0C796
83.3%	83.3% #92C08A	RGB 146 192 138	#92C08A
100.0%	100.0% #86BA7E	RGB 134 186 126	#86BA7E

#D5E3CF #C7DCC0 #BAD5B1 #ADCEA4 #A0C796 #92C08A #86BA7E

#D5E3CF - #ADCEA4 - #86BA7E

CSSコード

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

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