#7B5C6A - #613F44 | colorate

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

Blend #7B5C6A to #613F44

#7B5C6A #613F44

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

RGBブレンド

#7B5C6A - #613F44 | colorate

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

0.0%	0.0% #7B5C6A	RGB 123 92 106	#7B5C6A
16.7%	16.7% #765763	RGB 118 87 99	#765763
33.3%	33.3% #72525D	RGB 114 82 93	#72525D
50.0%	50.0% #6E4D57	RGB 110 77 87	#6E4D57
66.7%	66.7% #694850	RGB 105 72 80	#694850
83.3%	83.3% #65434A	RGB 101 67 74	#65434A
100.0%	100.0% #613F44	RGB 97 63 68	#613F44

#7B5C6A #765763 #72525D #6E4D57 #694850 #65434A #613F44

#7B5C6A - #613F44

HSVブレンド

#7B5C6A - #613F44 | colorate

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

0.0%	0.0% #7B5C6A	RGB 123 92 106	#7B5C6A
16.7%	16.7% #765663	RGB 118 86 99	#765663
33.3%	33.3% #72515D	RGB 114 81 93	#72515D
50.0%	50.0% #6E4C56	RGB 110 76 86	#6E4C56
66.7%	66.7% #694850	RGB 105 72 80	#694850
83.3%	83.3% #65434A	RGB 101 67 74	#65434A
100.0%	100.0% #613F44	RGB 97 63 68	#613F44

#7B5C6A #765663 #72515D #6E4C56 #694850 #65434A #613F44

#7B5C6A - #6E4C56 - #613F44

CSSコード

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

/* HSV Gradation */
div {
    background: -moz-linear-gradient(top, #7B5C6A 0%, #6E4C56 50%, #613F44 100%);
    background: -webkit-linear-gradient(top, #7B5C6A 0%, #6E4C56 50%, #613F44 100%);
    background: linear-gradient(to bottom, #7B5C6A 0%, #6E4C56 50%, #613F44 100%);
}
</style>