#B5B3B1 - #DAFFC2 | colorate

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

Blend #B5B3B1 to #DAFFC2

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

RGBブレンド

#B5B3B1 - #DAFFC2 | colorate

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

0.0%	0.0% #B5B3B1	RGB 181 179 177	#B5B3B1
16.7%	16.7% #BBBFB3	RGB 187 191 179	#BBBFB3
33.3%	33.3% #C1CCB6	RGB 193 204 182	#C1CCB6
50.0%	50.0% #C7D9B9	RGB 199 217 185	#C7D9B9
66.7%	66.7% #CDE5BC	RGB 205 229 188	#CDE5BC
83.3%	83.3% #D3F2BF	RGB 211 242 191	#D3F2BF
100.0%	100.0% #DAFFC2	RGB 218 255 194	#DAFFC2

#B5B3B1 #BBBFB3 #C1CCB6 #C7D9B9 #CDE5BC #D3F2BF #DAFFC2

#B5B3B1 - #DAFFC2

HSVブレンド

#B5B3B1 - #DAFFC2 | colorate

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

0.0%	0.0% #B5B3B1	RGB 181 179 177	#B5B3B1
16.7%	16.7% #C1BDB6	RGB 193 189 182	#C1BDB6
33.3%	33.3% #CDCBBA	RGB 205 203 186	#CDCBBA
50.0%	50.0% #D8DABD	RGB 216 218 189	#D8DABD
66.7%	66.7% #DDE6BF	RGB 221 230 191	#DDE6BF
83.3%	83.3% #DDF2C1	RGB 221 242 193	#DDF2C1
100.0%	100.0% #DAFFC2	RGB 218 255 194	#DAFFC2

#B5B3B1 #C1BDB6 #CDCBBA #D8DABD #DDE6BF #DDF2C1 #DAFFC2

#B5B3B1 - #D8DABD - #DAFFC2

CSSコード

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

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