#696B69 - #A8E48C | colorate

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

Blend #696B69 to #A8E48C

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

RGBブレンド

#696B69 - #A8E48C | colorate

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

0.0%	0.0% #696B69	RGB 105 107 105	#696B69
16.7%	16.7% #737F6E	RGB 115 127 110	#737F6E
33.3%	33.3% #7E9374	RGB 126 147 116	#7E9374
50.0%	50.0% #88A77A	RGB 136 167 122	#88A77A
66.7%	66.7% #93BB80	RGB 147 187 128	#93BB80
83.3%	83.3% #9DCF86	RGB 157 207 134	#9DCF86
100.0%	100.0% #A8E48C	RGB 168 228 140	#A8E48C

#696B69 #737F6E #7E9374 #88A77A #93BB80 #9DCF86 #A8E48C

#696B69 - #A8E48C

HSVブレンド

#696B69 - #A8E48C | colorate

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

0.0%	0.0% #696B69	RGB 105 107 105	#696B69
16.7%	16.7% #757F75	RGB 117 127 117	#757F75
33.3%	33.3% #80937E	RGB 128 147 126	#80937E
50.0%	50.0% #8BA785	RGB 139 167 133	#8BA785
66.7%	66.7% #94BB8A	RGB 148 187 138	#94BB8A
83.3%	83.3% #9ECF8C	RGB 158 207 140	#9ECF8C
100.0%	100.0% #A8E48C	RGB 168 228 140	#A8E48C

#696B69 #757F75 #80937E #8BA785 #94BB8A #9ECF8C #A8E48C

#696B69 - #8BA785 - #A8E48C

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #696B69 0%, #8BA785 50%, #A8E48C 100%);
    background: -webkit-linear-gradient(top, #696B69 0%, #8BA785 50%, #A8E48C 100%);
    background: linear-gradient(to bottom, #696B69 0%, #8BA785 50%, #A8E48C 100%);
}
</style>