#D9DDD9 - #87B88B | colorate

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

Blend #D9DDD9 to #87B88B

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

RGBブレンド

#D9DDD9 - #87B88B | colorate

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

0.0%	0.0% #D9DDD9	RGB 217 221 217	#D9DDD9
16.7%	16.7% #CBD6CC	RGB 203 214 204	#CBD6CC
33.3%	33.3% #BDD0BF	RGB 189 208 191	#BDD0BF
50.0%	50.0% #B0CAB2	RGB 176 202 178	#B0CAB2
66.7%	66.7% #A2C4A5	RGB 162 196 165	#A2C4A5
83.3%	83.3% #94BE98	RGB 148 190 152	#94BE98
100.0%	100.0% #87B88B	RGB 135 184 139	#87B88B

#D9DDD9 #CBD6CC #BDD0BF #B0CAB2 #A2C4A5 #94BE98 #87B88B

#D9DDD9 - #87B88B

HSVブレンド

#D9DDD9 - #87B88B | colorate

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

0.0%	0.0% #D9DDD9	RGB 217 221 217	#D9DDD9
16.7%	16.7% #CAD6CA	RGB 202 214 202	#CAD6CA
33.3%	33.3% #BBD0BC	RGB 187 208 188	#BBD0BC
50.0%	50.0% #ADCAAE	RGB 173 202 174	#ADCAAE
66.7%	66.7% #A0C4A2	RGB 160 196 162	#A0C4A2
83.3%	83.3% #93BE96	RGB 147 190 150	#93BE96
100.0%	100.0% #87B88B	RGB 135 184 139	#87B88B

#D9DDD9 #CAD6CA #BBD0BC #ADCAAE #A0C4A2 #93BE96 #87B88B

#D9DDD9 - #ADCAAE - #87B88B

CSSコード

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

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