#FF0089 - #8F0B53 | colorate

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

Blend #FF0089 to #8F0B53

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

RGBブレンド

#FF0089 - #8F0B53 | colorate

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

0.0%	0.0% #FF0089	RGB 255 0 137	#FF0089
16.7%	16.7% #EC0180	RGB 236 1 128	#EC0180
33.3%	33.3% #D90377	RGB 217 3 119	#D90377
50.0%	50.0% #C7056E	RGB 199 5 110	#C7056E
66.7%	66.7% #B40765	RGB 180 7 101	#B40765
83.3%	83.3% #A1095C	RGB 161 9 92	#A1095C
100.0%	100.0% #8F0B53	RGB 143 11 83	#8F0B53

#FF0089 #EC0180 #D90377 #C7056E #B40765 #A1095C #8F0B53

#FF0089 - #8F0B53

HSVブレンド

#FF0089 - #8F0B53 | colorate

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

0.0%	0.0% #FF0089	RGB 255 0 137	#FF0089
16.7%	16.7% #EC0380	RGB 236 3 128	#EC0380
33.3%	33.3% #D90578	RGB 217 5 120	#D90578
50.0%	50.0% #C7076F	RGB 199 7 111	#C7076F
66.7%	66.7% #B40966	RGB 180 9 102	#B40966
83.3%	83.3% #A10A5C	RGB 161 10 92	#A10A5C
100.0%	100.0% #8F0B53	RGB 143 11 83	#8F0B53

#FF0089 #EC0380 #D90578 #C7076F #B40966 #A10A5C #8F0B53

#FF0089 - #C7076F - #8F0B53

CSSコード

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

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