#9F487C - #2D1423 | colorate

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

Blend #9F487C to #2D1423

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

RGBブレンド

#9F487C - #2D1423 | colorate

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

0.0%	0.0% #9F487C	RGB 159 72 124	#9F487C
16.7%	16.7% #8C3F6D	RGB 140 63 109	#8C3F6D
33.3%	33.3% #79365E	RGB 121 54 94	#79365E
50.0%	50.0% #662E4F	RGB 102 46 79	#662E4F
66.7%	66.7% #532540	RGB 83 37 64	#532540
83.3%	83.3% #401C31	RGB 64 28 49	#401C31
100.0%	100.0% #2D1423	RGB 45 20 35	#2D1423

#9F487C #8C3F6D #79365E #662E4F #532540 #401C31 #2D1423

#9F487C - #2D1423

HSVブレンド

#9F487C - #2D1423 | colorate

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

0.0%	0.0% #9F487C	RGB 159 72 124	#9F487C
16.7%	16.7% #8C3F6D	RGB 140 63 109	#8C3F6D
33.3%	33.3% #79365E	RGB 121 54 94	#79365E
50.0%	50.0% #662D4F	RGB 102 45 79	#662D4F
66.7%	66.7% #532540	RGB 83 37 64	#532540
83.3%	83.3% #401C31	RGB 64 28 49	#401C31
100.0%	100.0% #2D1423	RGB 45 20 35	#2D1423

#9F487C #8C3F6D #79365E #662D4F #532540 #401C31 #2D1423

#9F487C - #662D4F - #2D1423

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9F487C 0%, #662D4F 50%, #2D1423 100%);
    background: -webkit-linear-gradient(top, #9F487C 0%, #662D4F 50%, #2D1423 100%);
    background: linear-gradient(to bottom, #9F487C 0%, #662D4F 50%, #2D1423 100%);
}
</style>