#908E73 - #353F26 | colorate

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

Blend #908E73 to #353F26

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

RGBブレンド

#908E73 - #353F26 | colorate

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

0.0%	0.0% #908E73	RGB 144 142 115	#908E73
16.7%	16.7% #808066	RGB 128 128 102	#808066
33.3%	33.3% #717359	RGB 113 115 89	#717359
50.0%	50.0% #62664C	RGB 98 102 76	#62664C
66.7%	66.7% #53593F	RGB 83 89 63	#53593F
83.3%	83.3% #444C32	RGB 68 76 50	#444C32
100.0%	100.0% #353F26	RGB 53 63 38	#353F26

#908E73 #808066 #717359 #62664C #53593F #444C32 #353F26

#908E73 - #353F26

HSVブレンド

#908E73 - #353F26 | colorate

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

0.0%	0.0% #908E73	RGB 144 142 115	#908E73
16.7%	16.7% #828263	RGB 130 130 99	#828263
33.3%	33.3% #727555	RGB 114 117 85	#727555
50.0%	50.0% #626748	RGB 98 103 72	#626748
66.7%	66.7% #525A3C	RGB 82 90 60	#525A3C
83.3%	83.3% #434C30	RGB 67 76 48	#434C30
100.0%	100.0% #353F26	RGB 53 63 38	#353F26

#908E73 #828263 #727555 #626748 #525A3C #434C30 #353F26

#908E73 - #626748 - #353F26

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #908E73 0%, #626748 50%, #353F26 100%);
    background: -webkit-linear-gradient(top, #908E73 0%, #626748 50%, #353F26 100%);
    background: linear-gradient(to bottom, #908E73 0%, #626748 50%, #353F26 100%);
}
</style>