#CEDA8F - #3A3E28 | colorate

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

Blend #CEDA8F to #3A3E28

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

RGBブレンド

#CEDA8F - #3A3E28 | colorate

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

0.0%	0.0% #CEDA8F	RGB 206 218 143	#CEDA8F
16.7%	16.7% #B5C07D	RGB 181 192 125	#B5C07D
33.3%	33.3% #9CA66C	RGB 156 166 108	#9CA66C
50.0%	50.0% #848C5B	RGB 132 140 91	#848C5B
66.7%	66.7% #6B724A	RGB 107 114 74	#6B724A
83.3%	83.3% #525839	RGB 82 88 57	#525839
100.0%	100.0% #3A3E28	RGB 58 62 40	#3A3E28

#CEDA8F #B5C07D #9CA66C #848C5B #6B724A #525839 #3A3E28

#CEDA8F - #3A3E28

HSVブレンド

#CEDA8F - #3A3E28 | colorate

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

0.0%	0.0% #CEDA8F	RGB 206 218 143	#CEDA8F
16.7%	16.7% #B5C07D	RGB 181 192 125	#B5C07D
33.3%	33.3% #9CA66C	RGB 156 166 108	#9CA66C
50.0%	50.0% #838C5B	RGB 131 140 91	#838C5B
66.7%	66.7% #6B7249	RGB 107 114 73	#6B7249
83.3%	83.3% #525838	RGB 82 88 56	#525838
100.0%	100.0% #3A3E28	RGB 58 62 40	#3A3E28

#CEDA8F #B5C07D #9CA66C #838C5B #6B7249 #525838 #3A3E28

#CEDA8F - #838C5B - #3A3E28

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CEDA8F 0%, #838C5B 50%, #3A3E28 100%);
    background: -webkit-linear-gradient(top, #CEDA8F 0%, #838C5B 50%, #3A3E28 100%);
    background: linear-gradient(to bottom, #CEDA8F 0%, #838C5B 50%, #3A3E28 100%);
}
</style>