#A6A770 - #E5E5D6 | colorate

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

Blend #A6A770 to #E5E5D6

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

RGBブレンド

#A6A770 - #E5E5D6 | colorate

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

0.0%	0.0% #A6A770	RGB 166 167 112	#A6A770
16.7%	16.7% #B0B181	RGB 176 177 129	#B0B181
33.3%	33.3% #BBBB92	RGB 187 187 146	#BBBB92
50.0%	50.0% #C5C6A3	RGB 197 198 163	#C5C6A3
66.7%	66.7% #D0D0B4	RGB 208 208 180	#D0D0B4
83.3%	83.3% #DADAC5	RGB 218 218 197	#DADAC5
100.0%	100.0% #E5E5D6	RGB 229 229 214	#E5E5D6

#A6A770 #B0B181 #BBBB92 #C5C6A3 #D0D0B4 #DADAC5 #E5E5D6

#A6A770 - #E5E5D6

HSVブレンド

#A6A770 - #E5E5D6 | colorate

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

0.0%	0.0% #A6A770	RGB 166 167 112	#A6A770
16.7%	16.7% #B0B17E	RGB 176 177 126	#B0B17E
33.3%	33.3% #BBBB8E	RGB 187 187 142	#BBBB8E
50.0%	50.0% #C5C69E	RGB 197 198 158	#C5C69E
66.7%	66.7% #D0D0B0	RGB 208 208 176	#D0D0B0
83.3%	83.3% #DADAC2	RGB 218 218 194	#DADAC2
100.0%	100.0% #E5E5D6	RGB 229 229 214	#E5E5D6

#A6A770 #B0B17E #BBBB8E #C5C69E #D0D0B0 #DADAC2 #E5E5D6

#A6A770 - #C5C69E - #E5E5D6

CSSコード

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

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