#B6FFD8 - #EEE8CB | colorate

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

Blend #B6FFD8 to #EEE8CB

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

RGBブレンド

#B6FFD8 - #EEE8CB | colorate

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

0.0%	0.0% #B6FFD8	RGB 182 255 216	#B6FFD8
16.7%	16.7% #BFFBD5	RGB 191 251 213	#BFFBD5
33.3%	33.3% #C8F7D3	RGB 200 247 211	#C8F7D3
50.0%	50.0% #D2F3D1	RGB 210 243 209	#D2F3D1
66.7%	66.7% #DBEFCF	RGB 219 239 207	#DBEFCF
83.3%	83.3% #E4EBCD	RGB 228 235 205	#E4EBCD
100.0%	100.0% #EEE8CB	RGB 238 232 203	#EEE8CB

#B6FFD8 #BFFBD5 #C8F7D3 #D2F3D1 #DBEFCF #E4EBCD #EEE8CB

#B6FFD8 - #EEE8CB

HSVブレンド

#B6FFD8 - #EEE8CB | colorate

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

0.0%	0.0% #B6FFD8	RGB 182 255 216	#B6FFD8
16.7%	16.7% #B9FCC6	RGB 185 252 198	#B9FCC6
33.3%	33.3% #C2F9BD	RGB 194 249 189	#C2F9BD
50.0%	50.0% #D3F6C1	RGB 211 246 193	#D3F6C1
66.7%	66.7% #E2F3C4	RGB 226 243 196	#E2F3C4
83.3%	83.3% #ECF0C7	RGB 236 240 199	#ECF0C7
100.0%	100.0% #EEE8CB	RGB 238 232 203	#EEE8CB

#B6FFD8 #B9FCC6 #C2F9BD #D3F6C1 #E2F3C4 #ECF0C7 #EEE8CB

#B6FFD8 - #D3F6C1 - #EEE8CB

CSSコード

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

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