#525638 - #273205 | colorate

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

Blend #525638 to #273205

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

RGBブレンド

#525638 - #273205 | colorate

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

0.0%	0.0% #525638	RGB 82 86 56	#525638
16.7%	16.7% #4A502F	RGB 74 80 47	#4A502F
33.3%	33.3% #434A27	RGB 67 74 39	#434A27
50.0%	50.0% #3C441E	RGB 60 68 30	#3C441E
66.7%	66.7% #353E16	RGB 53 62 22	#353E16
83.3%	83.3% #2E380D	RGB 46 56 13	#2E380D
100.0%	100.0% #273205	RGB 39 50 5	#273205

#525638 #4A502F #434A27 #3C441E #353E16 #2E380D #273205

#525638 - #273205

HSVブレンド

#525638 - #273205 | colorate

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

0.0%	0.0% #525638	RGB 82 86 56	#525638
16.7%	16.7% #4A502C	RGB 74 80 44	#4A502C
33.3%	33.3% #434A22	RGB 67 74 34	#434A22
50.0%	50.0% #3B4419	RGB 59 68 25	#3B4419
66.7%	66.7% #343E11	RGB 52 62 17	#343E11
83.3%	83.3% #2D380A	RGB 45 56 10	#2D380A
100.0%	100.0% #273205	RGB 39 50 5	#273205

#525638 #4A502C #434A22 #3B4419 #343E11 #2D380A #273205

#525638 - #3B4419 - #273205

CSSコード

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

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