#E5E4DF - #AC9F86 | colorate

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

Blend #E5E4DF to #AC9F86

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

RGBブレンド

#E5E4DF - #AC9F86 | colorate

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

0.0%	0.0% #E5E4DF	RGB 229 228 223	#E5E4DF
16.7%	16.7% #DBD8D0	RGB 219 216 208	#DBD8D0
33.3%	33.3% #D2CDC1	RGB 210 205 193	#D2CDC1
50.0%	50.0% #C8C1B2	RGB 200 193 178	#C8C1B2
66.7%	66.7% #BFB6A3	RGB 191 182 163	#BFB6A3
83.3%	83.3% #B5AA94	RGB 181 170 148	#B5AA94
100.0%	100.0% #AC9F86	RGB 172 159 134	#AC9F86

#E5E4DF #DBD8D0 #D2CDC1 #C8C1B2 #BFB6A3 #B5AA94 #AC9F86

#E5E4DF - #AC9F86

HSVブレンド

#E5E4DF - #AC9F86 | colorate

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

0.0%	0.0% #E5E4DF	RGB 229 228 223	#E5E4DF
16.7%	16.7% #DBD8CE	RGB 219 216 206	#DBD8CE
33.3%	33.3% #D2CDBE	RGB 210 205 190	#D2CDBE
50.0%	50.0% #C8C2AF	RGB 200 194 175	#C8C2AF
66.7%	66.7% #BFB6A1	RGB 191 182 161	#BFB6A1
83.3%	83.3% #B5AA93	RGB 181 170 147	#B5AA93
100.0%	100.0% #AC9F86	RGB 172 159 134	#AC9F86

#E5E4DF #DBD8CE #D2CDBE #C8C2AF #BFB6A1 #B5AA93 #AC9F86

#E5E4DF - #C8C2AF - #AC9F86

CSSコード

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

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