#67676A - #ADC68D | colorate

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

Blend #67676A to #ADC68D

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

RGBブレンド

#67676A - #ADC68D | colorate

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

0.0%	0.0% #67676A	RGB 103 103 106	#67676A
16.7%	16.7% #72766F	RGB 114 118 111	#72766F
33.3%	33.3% #7E8675	RGB 126 134 117	#7E8675
50.0%	50.0% #8A967B	RGB 138 150 123	#8A967B
66.7%	66.7% #95A681	RGB 149 166 129	#95A681
83.3%	83.3% #A1B687	RGB 161 182 135	#A1B687
100.0%	100.0% #ADC68D	RGB 173 198 141	#ADC68D

#67676A #72766F #7E8675 #8A967B #95A681 #A1B687 #ADC68D

#67676A - #ADC68D

HSVブレンド

#67676A - #ADC68D | colorate

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

0.0%	0.0% #67676A	RGB 103 103 106	#67676A
16.7%	16.7% #707479	RGB 112 116 121	#707479
33.3%	33.3% #788688	RGB 120 134 136	#788688
50.0%	50.0% #7F9891	RGB 127 152 145	#7F9891
66.7%	66.7% #85A78F	RGB 133 167 143	#85A78F
83.3%	83.3% #8FB689	RGB 143 182 137	#8FB689
100.0%	100.0% #ADC68D	RGB 173 198 141	#ADC68D

#67676A #707479 #788688 #7F9891 #85A78F #8FB689 #ADC68D

#67676A - #7F9891 - #ADC68D

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #67676A 0%, #7F9891 50%, #ADC68D 100%);
    background: -webkit-linear-gradient(top, #67676A 0%, #7F9891 50%, #ADC68D 100%);
    background: linear-gradient(to bottom, #67676A 0%, #7F9891 50%, #ADC68D 100%);
}
</style>