#6CA85A - #FFD97C | colorate

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

Blend #6CA85A to #FFD97C

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

RGBブレンド

#6CA85A - #FFD97C | colorate

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

0.0%	0.0% #6CA85A	RGB 108 168 90	#6CA85A
16.7%	16.7% #84B05F	RGB 132 176 95	#84B05F
33.3%	33.3% #9DB865	RGB 157 184 101	#9DB865
50.0%	50.0% #B5C06B	RGB 181 192 107	#B5C06B
66.7%	66.7% #CEC870	RGB 206 200 112	#CEC870
83.3%	83.3% #E6D076	RGB 230 208 118	#E6D076
100.0%	100.0% #FFD97C	RGB 255 217 124	#FFD97C

#6CA85A #84B05F #9DB865 #B5C06B #CEC870 #E6D076 #FFD97C

#6CA85A - #FFD97C

HSVブレンド

#6CA85A - #FFD97C | colorate

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

0.0%	0.0% #6CA85A	RGB 108 168 90	#6CA85A
16.7%	16.7% #83B660	RGB 131 182 96	#83B660
33.3%	33.3% #9DC566	RGB 157 197 102	#9DC566
50.0%	50.0% #BAD36C	RGB 186 211 108	#BAD36C
66.7%	66.7% #DAE271	RGB 218 226 113	#DAE271
83.3%	83.3% #F0E276	RGB 240 226 118	#F0E276
100.0%	100.0% #FFD97C	RGB 255 217 124	#FFD97C

#6CA85A #83B660 #9DC566 #BAD36C #DAE271 #F0E276 #FFD97C

#6CA85A - #BAD36C - #FFD97C

CSSコード

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

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