#A8C47B - #E6EED9 | colorate

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

Blend #A8C47B to #E6EED9

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

RGBブレンド

#A8C47B - #E6EED9 | colorate

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

0.0%	0.0% #A8C47B	RGB 168 196 123	#A8C47B
16.7%	16.7% #B2CB8A	RGB 178 203 138	#B2CB8A
33.3%	33.3% #BCD29A	RGB 188 210 154	#BCD29A
50.0%	50.0% #C7D9AA	RGB 199 217 170	#C7D9AA
66.7%	66.7% #D1E0B9	RGB 209 224 185	#D1E0B9
83.3%	83.3% #DBE7C9	RGB 219 231 201	#DBE7C9
100.0%	100.0% #E6EED9	RGB 230 238 217	#E6EED9

#A8C47B #B2CB8A #BCD29A #C7D9AA #D1E0B9 #DBE7C9 #E6EED9

#A8C47B - #E6EED9

HSVブレンド

#A8C47B - #E6EED9 | colorate

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

0.0%	0.0% #A8C47B	RGB 168 196 123	#A8C47B
16.7%	16.7% #B1CB89	RGB 177 203 137	#B1CB89
33.3%	33.3% #BBD297	RGB 187 210 151	#BBD297
50.0%	50.0% #C5D9A7	RGB 197 217 167	#C5D9A7
66.7%	66.7% #D0E0B7	RGB 208 224 183	#D0E0B7
83.3%	83.3% #DBE7C7	RGB 219 231 199	#DBE7C7
100.0%	100.0% #E6EED9	RGB 230 238 217	#E6EED9

#A8C47B #B1CB89 #BBD297 #C5D9A7 #D0E0B7 #DBE7C7 #E6EED9

#A8C47B - #C5D9A7 - #E6EED9

CSSコード

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

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