#914D81 - #600930 | colorate

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

Blend #914D81 to #600930

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

RGBブレンド

#914D81 - #600930 | colorate

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

0.0%	0.0% #914D81	RGB 145 77 129	#914D81
16.7%	16.7% #884173	RGB 136 65 115	#884173
33.3%	33.3% #803666	RGB 128 54 102	#803666
50.0%	50.0% #782B58	RGB 120 43 88	#782B58
66.7%	66.7% #701F4B	RGB 112 31 75	#701F4B
83.3%	83.3% #68143D	RGB 104 20 61	#68143D
100.0%	100.0% #600930	RGB 96 9 48	#600930

#914D81 #884173 #803666 #782B58 #701F4B #68143D #600930

#914D81 - #600930

HSVブレンド

#914D81 - #600930 | colorate

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

0.0%	0.0% #914D81	RGB 145 77 129	#914D81
16.7%	16.7% #883E73	RGB 136 62 115	#883E73
33.3%	33.3% #803165	RGB 128 49 101	#803165
50.0%	50.0% #782557	RGB 120 37 87	#782557
66.7%	66.7% #701A4A	RGB 112 26 74	#701A4A
83.3%	83.3% #68113C	RGB 104 17 60	#68113C
100.0%	100.0% #600930	RGB 96 9 48	#600930

#914D81 #883E73 #803165 #782557 #701A4A #68113C #600930

#914D81 - #782557 - #600930

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #914D81 0%, #782557 50%, #600930 100%);
    background: -webkit-linear-gradient(top, #914D81 0%, #782557 50%, #600930 100%);
    background: linear-gradient(to bottom, #914D81 0%, #782557 50%, #600930 100%);
}
</style>