#B4FFDC - #EDE7CB | colorate

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

Blend #B4FFDC to #EDE7CB

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

RGBブレンド

#B4FFDC - #EDE7CB | colorate

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

0.0%	0.0% #B4FFDC	RGB 180 255 220	#B4FFDC
16.7%	16.7% #BDFBD9	RGB 189 251 217	#BDFBD9
33.3%	33.3% #C7F7D6	RGB 199 247 214	#C7F7D6
50.0%	50.0% #D0F3D3	RGB 208 243 211	#D0F3D3
66.7%	66.7% #DAEFD0	RGB 218 239 208	#DAEFD0
83.3%	83.3% #E3EBCD	RGB 227 235 205	#E3EBCD
100.0%	100.0% #EDE7CB	RGB 237 231 203	#EDE7CB

#B4FFDC #BDFBD9 #C7F7D6 #D0F3D3 #DAEFD0 #E3EBCD #EDE7CB

#B4FFDC - #EDE7CB

HSVブレンド

#B4FFDC - #EDE7CB | colorate

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

0.0%	0.0% #B4FFDC	RGB 180 255 220	#B4FFDC
16.7%	16.7% #B8FCC9	RGB 184 252 201	#B8FCC9
33.3%	33.3% #BEF9BC	RGB 190 249 188	#BEF9BC
50.0%	50.0% #D1F6C0	RGB 209 246 192	#D1F6C0
66.7%	66.7% #E0F3C3	RGB 224 243 195	#E0F3C3
83.3%	83.3% #EBF0C7	RGB 235 240 199	#EBF0C7
100.0%	100.0% #EDE7CB	RGB 237 231 203	#EDE7CB

#B4FFDC #B8FCC9 #BEF9BC #D1F6C0 #E0F3C3 #EBF0C7 #EDE7CB

#B4FFDC - #D1F6C0 - #EDE7CB

CSSコード

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

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