#DA3C9F - #8A0052 | colorate

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

Blend #DA3C9F to #8A0052

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

RGBブレンド

#DA3C9F - #8A0052 | colorate

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

0.0%	0.0% #DA3C9F	RGB 218 60 159	#DA3C9F
16.7%	16.7% #CC3292	RGB 204 50 146	#CC3292
33.3%	33.3% #BF2885	RGB 191 40 133	#BF2885
50.0%	50.0% #B21E78	RGB 178 30 120	#B21E78
66.7%	66.7% #A4146B	RGB 164 20 107	#A4146B
83.3%	83.3% #970A5E	RGB 151 10 94	#970A5E
100.0%	100.0% #8A0052	RGB 138 0 82	#8A0052

#DA3C9F #CC3292 #BF2885 #B21E78 #A4146B #970A5E #8A0052

#DA3C9F - #8A0052

HSVブレンド

#DA3C9F - #8A0052 | colorate

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

0.0%	0.0% #DA3C9F	RGB 218 60 159	#DA3C9F
16.7%	16.7% #CC2E90	RGB 204 46 144	#CC2E90
33.3%	33.3% #BF2383	RGB 191 35 131	#BF2383
50.0%	50.0% #B21876	RGB 178 24 118	#B21876
66.7%	66.7% #A40F69	RGB 164 15 105	#A40F69
83.3%	83.3% #97065D	RGB 151 6 93	#97065D
100.0%	100.0% #8A0052	RGB 138 0 82	#8A0052

#DA3C9F #CC2E90 #BF2383 #B21876 #A40F69 #97065D #8A0052

#DA3C9F - #B21876 - #8A0052

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #DA3C9F 0%, #B21876 50%, #8A0052 100%);
    background: -webkit-linear-gradient(top, #DA3C9F 0%, #B21876 50%, #8A0052 100%);
    background: linear-gradient(to bottom, #DA3C9F 0%, #B21876 50%, #8A0052 100%);
}
</style>