#6E5077 - #90528A | colorate

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

Blend #6E5077 to #90528A

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

RGBブレンド

#6E5077 - #90528A | colorate

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

0.0%	0.0% #6E5077	RGB 110 80 119	#6E5077
16.7%	16.7% #73507A	RGB 115 80 122	#73507A
33.3%	33.3% #79507D	RGB 121 80 125	#79507D
50.0%	50.0% #7F5180	RGB 127 81 128	#7F5180
66.7%	66.7% #845183	RGB 132 81 131	#845183
83.3%	83.3% #8A5186	RGB 138 81 134	#8A5186
100.0%	100.0% #90528A	RGB 144 82 138	#90528A

#6E5077 #73507A #79507D #7F5180 #845183 #8A5186 #90528A

#6E5077 - #90528A

HSVブレンド

#6E5077 - #90528A | colorate

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

0.0%	0.0% #6E5077	RGB 110 80 119	#6E5077
16.7%	16.7% #73507B	RGB 115 80 123	#73507B
33.3%	33.3% #79517F	RGB 121 81 127	#79517F
50.0%	50.0% #805183	RGB 128 81 131	#805183
66.7%	66.7% #865187	RGB 134 81 135	#865187
83.3%	83.3% #8B5289	RGB 139 82 137	#8B5289
100.0%	100.0% #90528A	RGB 144 82 138	#90528A

#6E5077 #73507B #79517F #805183 #865187 #8B5289 #90528A

#6E5077 - #805183 - #90528A

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6E5077 0%, #805183 50%, #90528A 100%);
    background: -webkit-linear-gradient(top, #6E5077 0%, #805183 50%, #90528A 100%);
    background: linear-gradient(to bottom, #6E5077 0%, #805183 50%, #90528A 100%);
}
</style>