#7E7224 - #DBDC3C | colorate

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

Blend #7E7224 to #DBDC3C

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

RGBブレンド

#7E7224 - #DBDC3C | colorate

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

0.0%	0.0% #7E7224	RGB 126 114 36	#7E7224
16.7%	16.7% #8D8328	RGB 141 131 40	#8D8328
33.3%	33.3% #9D952C	RGB 157 149 44	#9D952C
50.0%	50.0% #ACA730	RGB 172 167 48	#ACA730
66.7%	66.7% #BCB834	RGB 188 184 52	#BCB834
83.3%	83.3% #CBCA38	RGB 203 202 56	#CBCA38
100.0%	100.0% #DBDC3C	RGB 219 220 60	#DBDC3C

#7E7224 #8D8328 #9D952C #ACA730 #BCB834 #CBCA38 #DBDC3C

#7E7224 - #DBDC3C

HSVブレンド

#7E7224 - #DBDC3C | colorate

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

0.0%	0.0% #7E7224	RGB 126 114 36	#7E7224
16.7%	16.7% #8D8228	RGB 141 130 40	#8D8228
33.3%	33.3% #9D932C	RGB 157 147 44	#9D932C
50.0%	50.0% #ADA530	RGB 173 165 48	#ADA530
66.7%	66.7% #BCB734	RGB 188 183 52	#BCB734
83.3%	83.3% #CCC938	RGB 204 201 56	#CCC938
100.0%	100.0% #DBDC3C	RGB 219 220 60	#DBDC3C

#7E7224 #8D8228 #9D932C #ADA530 #BCB734 #CCC938 #DBDC3C

#7E7224 - #ADA530 - #DBDC3C

CSSコード

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

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