#A8C0AB - #537F72 | colorate

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

Blend #A8C0AB to #537F72

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

RGBブレンド

#A8C0AB - #537F72 | colorate

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

0.0%	0.0% #A8C0AB	RGB 168 192 171	#A8C0AB
16.7%	16.7% #99B5A1	RGB 153 181 161	#99B5A1
33.3%	33.3% #8BAA98	RGB 139 170 152	#8BAA98
50.0%	50.0% #7D9F8E	RGB 125 159 142	#7D9F8E
66.7%	66.7% #6F9485	RGB 111 148 133	#6F9485
83.3%	83.3% #61897B	RGB 97 137 123	#61897B
100.0%	100.0% #537F72	RGB 83 127 114	#537F72

#A8C0AB #99B5A1 #8BAA98 #7D9F8E #6F9485 #61897B #537F72

#A8C0AB - #537F72

HSVブレンド

#A8C0AB - #537F72 | colorate

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

0.0%	0.0% #A8C0AB	RGB 168 192 171	#A8C0AB
16.7%	16.7% #97B59E	RGB 151 181 158	#97B59E
33.3%	33.3% #88AA93	RGB 136 170 147	#88AA93
50.0%	50.0% #799F89	RGB 121 159 137	#799F89
66.7%	66.7% #6C9480	RGB 108 148 128	#6C9480
83.3%	83.3% #5F8979	RGB 95 137 121	#5F8979
100.0%	100.0% #537F72	RGB 83 127 114	#537F72

#A8C0AB #97B59E #88AA93 #799F89 #6C9480 #5F8979 #537F72

#A8C0AB - #799F89 - #537F72

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8C0AB 0%, #799F89 50%, #537F72 100%);
    background: -webkit-linear-gradient(top, #A8C0AB 0%, #799F89 50%, #537F72 100%);
    background: linear-gradient(to bottom, #A8C0AB 0%, #799F89 50%, #537F72 100%);
}
</style>