#6C716F - #ACB182 | colorate

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

Blend #6C716F to #ACB182

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

RGBブレンド

#6C716F - #ACB182 | colorate

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

0.0%	0.0% #6C716F	RGB 108 113 111	#6C716F
16.7%	16.7% #767B72	RGB 118 123 114	#767B72
33.3%	33.3% #818675	RGB 129 134 117	#818675
50.0%	50.0% #8C9178	RGB 140 145 120	#8C9178
66.7%	66.7% #969B7B	RGB 150 155 123	#969B7B
83.3%	83.3% #A1A67E	RGB 161 166 126	#A1A67E
100.0%	100.0% #ACB182	RGB 172 177 130	#ACB182

#6C716F #767B72 #818675 #8C9178 #969B7B #A1A67E #ACB182

#6C716F - #ACB182

HSVブレンド

#6C716F - #ACB182 | colorate

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

0.0%	0.0% #6C716F	RGB 108 113 111	#6C716F
16.7%	16.7% #717B75	RGB 113 123 117	#717B75
33.3%	33.3% #768678	RGB 118 134 120	#768678
50.0%	50.0% #7D917A	RGB 125 145 122	#7D917A
66.7%	66.7% #899B7D	RGB 137 155 125	#899B7D
83.3%	83.3% #98A680	RGB 152 166 128	#98A680
100.0%	100.0% #ACB182	RGB 172 177 130	#ACB182

#6C716F #717B75 #768678 #7D917A #899B7D #98A680 #ACB182

#6C716F - #7D917A - #ACB182

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6C716F 0%, #7D917A 50%, #ACB182 100%);
    background: -webkit-linear-gradient(top, #6C716F 0%, #7D917A 50%, #ACB182 100%);
    background: linear-gradient(to bottom, #6C716F 0%, #7D917A 50%, #ACB182 100%);
}
</style>