#615A5C - #29261B | colorate

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

Blend #615A5C to #29261B

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

RGBブレンド

#615A5C - #29261B | colorate

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

0.0%	0.0% #615A5C	RGB 97 90 92	#615A5C
16.7%	16.7% #575151	RGB 87 81 81	#575151
33.3%	33.3% #4E4846	RGB 78 72 70	#4E4846
50.0%	50.0% #45403B	RGB 69 64 59	#45403B
66.7%	66.7% #3B3730	RGB 59 55 48	#3B3730
83.3%	83.3% #322E25	RGB 50 46 37	#322E25
100.0%	100.0% #29261B	RGB 41 38 27	#29261B

#615A5C #575151 #4E4846 #45403B #3B3730 #322E25 #29261B

#615A5C - #29261B

HSVブレンド

#615A5C - #29261B | colorate

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

0.0%	0.0% #615A5C	RGB 97 90 92	#615A5C
16.7%	16.7% #574D4E	RGB 87 77 78	#574D4E
33.3%	33.3% #4E4241	RGB 78 66 65	#4E4241
50.0%	50.0% #453A36	RGB 69 58 54	#453A36
66.7%	66.7% #3B332C	RGB 59 51 44	#3B332C
83.3%	83.3% #322C23	RGB 50 44 35	#322C23
100.0%	100.0% #29261B	RGB 41 38 27	#29261B

#615A5C #574D4E #4E4241 #453A36 #3B332C #322C23 #29261B

#615A5C - #453A36 - #29261B

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #615A5C 0%, #453A36 50%, #29261B 100%);
    background: -webkit-linear-gradient(top, #615A5C 0%, #453A36 50%, #29261B 100%);
    background: linear-gradient(to bottom, #615A5C 0%, #453A36 50%, #29261B 100%);
}
</style>