#472745 - #AE6E76 | colorate

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

Blend #472745 to #AE6E76

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

RGBブレンド

#472745 - #AE6E76 | colorate

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

0.0%	0.0% #472745	RGB 71 39 69	#472745
16.7%	16.7% #58324D	RGB 88 50 77	#58324D
33.3%	33.3% #693E55	RGB 105 62 85	#693E55
50.0%	50.0% #7A4A5D	RGB 122 74 93	#7A4A5D
66.7%	66.7% #8B5665	RGB 139 86 101	#8B5665
83.3%	83.3% #9C626D	RGB 156 98 109	#9C626D
100.0%	100.0% #AE6E76	RGB 174 110 118	#AE6E76

#472745 #58324D #693E55 #7A4A5D #8B5665 #9C626D #AE6E76

#472745 - #AE6E76

HSVブレンド

#472745 - #AE6E76 | colorate

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

0.0%	0.0% #472745	RGB 71 39 69	#472745
16.7%	16.7% #583150	RGB 88 49 80	#583150
33.3%	33.3% #693C5A	RGB 105 60 90	#693C5A
50.0%	50.0% #7A4862	RGB 122 72 98	#7A4862
66.7%	66.7% #8B546A	RGB 139 84 106	#8B546A
83.3%	83.3% #9C6070	RGB 156 96 112	#9C6070
100.0%	100.0% #AE6E76	RGB 174 110 118	#AE6E76

#472745 #583150 #693C5A #7A4862 #8B546A #9C6070 #AE6E76

#472745 - #7A4862 - #AE6E76

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #472745 0%, #7A4862 50%, #AE6E76 100%);
    background: -webkit-linear-gradient(top, #472745 0%, #7A4862 50%, #AE6E76 100%);
    background: linear-gradient(to bottom, #472745 0%, #7A4862 50%, #AE6E76 100%);
}
</style>