#84718E - #EDEAEE | colorate

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

Blend #84718E to #EDEAEE

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

RGBブレンド

#84718E - #EDEAEE | colorate

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

0.0%	0.0% #84718E	RGB 132 113 142	#84718E
16.7%	16.7% #95859E	RGB 149 133 158	#95859E
33.3%	33.3% #A799AE	RGB 167 153 174	#A799AE
50.0%	50.0% #B8ADBE	RGB 184 173 190	#B8ADBE
66.7%	66.7% #CAC1CE	RGB 202 193 206	#CAC1CE
83.3%	83.3% #DBD5DE	RGB 219 213 222	#DBD5DE
100.0%	100.0% #EDEAEE	RGB 237 234 238	#EDEAEE

#84718E #95859E #A799AE #B8ADBE #CAC1CE #DBD5DE #EDEAEE

#84718E - #EDEAEE

HSVブレンド

#84718E - #EDEAEE | colorate

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

0.0%	0.0% #84718E	RGB 132 113 142	#84718E
16.7%	16.7% #95829E	RGB 149 130 158	#95829E
33.3%	33.3% #A695AE	RGB 166 149 174	#A695AE
50.0%	50.0% #B7A9BE	RGB 183 169 190	#B7A9BE
66.7%	66.7% #C9BDCE	RGB 201 189 206	#C9BDCE
83.3%	83.3% #DBD3DE	RGB 219 211 222	#DBD3DE
100.0%	100.0% #EDEAEE	RGB 237 234 238	#EDEAEE

#84718E #95829E #A695AE #B7A9BE #C9BDCE #DBD3DE #EDEAEE

#84718E - #B7A9BE - #EDEAEE

CSSコード

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

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