#FF55CC - #B70086 | colorate

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

Blend #FF55CC to #B70086

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

RGBブレンド

#FF55CC - #B70086 | colorate

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

0.0%	0.0% #FF55CC	RGB 255 85 204	#FF55CC
16.7%	16.7% #F346C0	RGB 243 70 192	#F346C0
33.3%	33.3% #E738B4	RGB 231 56 180	#E738B4
50.0%	50.0% #DB2AA9	RGB 219 42 169	#DB2AA9
66.7%	66.7% #CF1C9D	RGB 207 28 157	#CF1C9D
83.3%	83.3% #C30E91	RGB 195 14 145	#C30E91
100.0%	100.0% #B70086	RGB 183 0 134	#B70086

#FF55CC #F346C0 #E738B4 #DB2AA9 #CF1C9D #C30E91 #B70086

#FF55CC - #B70086

HSVブレンド

#FF55CC - #B70086 | colorate

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

0.0%	0.0% #FF55CC	RGB 255 85 204	#FF55CC
16.7%	16.7% #F343BF	RGB 243 67 191	#F343BF
33.3%	33.3% #E733B3	RGB 231 51 179	#E733B3
50.0%	50.0% #DB24A7	RGB 219 36 167	#DB24A7
66.7%	66.7% #CF169B	RGB 207 22 155	#CF169B
83.3%	83.3% #C30A90	RGB 195 10 144	#C30A90
100.0%	100.0% #B70086	RGB 183 0 134	#B70086

#FF55CC #F343BF #E733B3 #DB24A7 #CF169B #C30A90 #B70086

#FF55CC - #DB24A7 - #B70086

CSSコード

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

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