#5A3E5E - #DA816C | colorate

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

Blend #5A3E5E to #DA816C

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

RGBブレンド

#5A3E5E - #DA816C | colorate

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

0.0%	0.0% #5A3E5E	RGB 90 62 94	#5A3E5E
16.7%	16.7% #6F4960	RGB 111 73 96	#6F4960
33.3%	33.3% #845462	RGB 132 84 98	#845462
50.0%	50.0% #9A5F65	RGB 154 95 101	#9A5F65
66.7%	66.7% #AF6A67	RGB 175 106 103	#AF6A67
83.3%	83.3% #C47569	RGB 196 117 105	#C47569
100.0%	100.0% #DA816C	RGB 218 129 108	#DA816C

#5A3E5E #6F4960 #845462 #9A5F65 #AF6A67 #C47569 #DA816C

#5A3E5E - #DA816C

HSVブレンド

#5A3E5E - #DA816C | colorate

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

0.0%	0.0% #5A3E5E	RGB 90 62 94	#5A3E5E
16.7%	16.7% #72486E	RGB 114 72 110	#72486E
33.3%	33.3% #875176	RGB 135 81 118	#875176
50.0%	50.0% #9C5A78	RGB 156 90 120	#9C5A78
66.7%	66.7% #B06174	RGB 176 97 116	#B06174
83.3%	83.3% #C56769	RGB 197 103 105	#C56769
100.0%	100.0% #DA816C	RGB 218 129 108	#DA816C

#5A3E5E #72486E #875176 #9C5A78 #B06174 #C56769 #DA816C

#5A3E5E - #9C5A78 - #DA816C

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5A3E5E 0%, #9C5A78 50%, #DA816C 100%);
    background: -webkit-linear-gradient(top, #5A3E5E 0%, #9C5A78 50%, #DA816C 100%);
    background: linear-gradient(to bottom, #5A3E5E 0%, #9C5A78 50%, #DA816C 100%);
}
</style>