#5E6733 - #CDB15B | colorate

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

Blend #5E6733 to #CDB15B

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

RGBブレンド

#5E6733 - #CDB15B | colorate

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

0.0%	0.0% #5E6733	RGB 94 103 51	#5E6733
16.7%	16.7% #707339	RGB 112 115 57	#707339
33.3%	33.3% #837F40	RGB 131 127 64	#837F40
50.0%	50.0% #958C47	RGB 149 140 71	#958C47
66.7%	66.7% #A8984D	RGB 168 152 77	#A8984D
83.3%	83.3% #BAA454	RGB 186 164 84	#BAA454
100.0%	100.0% #CDB15B	RGB 205 177 91	#CDB15B

#5E6733 #707339 #837F40 #958C47 #A8984D #BAA454 #CDB15B

#5E6733 - #CDB15B

HSVブレンド

#5E6733 - #CDB15B | colorate

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

0.0%	0.0% #5E6733	RGB 94 103 51	#5E6733
16.7%	16.7% #71783A	RGB 113 120 58	#71783A
33.3%	33.3% #868941	RGB 134 137 65	#868941
50.0%	50.0% #9A9748	RGB 154 151 72	#9A9748
66.7%	66.7% #ABA14E	RGB 171 161 78	#ABA14E
83.3%	83.3% #BCA955	RGB 188 169 85	#BCA955
100.0%	100.0% #CDB15B	RGB 205 177 91	#CDB15B

#5E6733 #71783A #868941 #9A9748 #ABA14E #BCA955 #CDB15B

#5E6733 - #9A9748 - #CDB15B

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E6733 0%, #9A9748 50%, #CDB15B 100%);
    background: -webkit-linear-gradient(top, #5E6733 0%, #9A9748 50%, #CDB15B 100%);
    background: linear-gradient(to bottom, #5E6733 0%, #9A9748 50%, #CDB15B 100%);
}
</style>