#D7D9DB - #8997B1 | colorate

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

Blend #D7D9DB to #8997B1

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

RGBブレンド

#D7D9DB - #8997B1 | colorate

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

0.0%	0.0% #D7D9DB	RGB 215 217 219	#D7D9DB
16.7%	16.7% #CACED4	RGB 202 206 212	#CACED4
33.3%	33.3% #BDC3CD	RGB 189 195 205	#BDC3CD
50.0%	50.0% #B0B8C6	RGB 176 184 198	#B0B8C6
66.7%	66.7% #A3ADBF	RGB 163 173 191	#A3ADBF
83.3%	83.3% #96A2B8	RGB 150 162 184	#96A2B8
100.0%	100.0% #8997B1	RGB 137 151 177	#8997B1

#D7D9DB #CACED4 #BDC3CD #B0B8C6 #A3ADBF #96A2B8 #8997B1

#D7D9DB - #8997B1

HSVブレンド

#D7D9DB - #8997B1 | colorate

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

0.0%	0.0% #D7D9DB	RGB 215 217 219	#D7D9DB
16.7%	16.7% #C8CED4	RGB 200 206 212	#C8CED4
33.3%	33.3% #BBC3CD	RGB 187 195 205	#BBC3CD
50.0%	50.0% #ADB8C6	RGB 173 184 198	#ADB8C6
66.7%	66.7% #A1ADBF	RGB 161 173 191	#A1ADBF
83.3%	83.3% #94A1B8	RGB 148 161 184	#94A1B8
100.0%	100.0% #8997B1	RGB 137 151 177	#8997B1

#D7D9DB #C8CED4 #BBC3CD #ADB8C6 #A1ADBF #94A1B8 #8997B1

#D7D9DB - #ADB8C6 - #8997B1

CSSコード

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

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