#B0599C - #FC7C9E | colorate

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

Blend #B0599C to #FC7C9E

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

RGBブレンド

#B0599C - #FC7C9E | colorate

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

0.0%	0.0% #B0599C	RGB 176 89 156	#B0599C
16.7%	16.7% #BC5E9C	RGB 188 94 156	#BC5E9C
33.3%	33.3% #C9649C	RGB 201 100 156	#C9649C
50.0%	50.0% #D66A9D	RGB 214 106 157	#D66A9D
66.7%	66.7% #E2709D	RGB 226 112 157	#E2709D
83.3%	83.3% #EF769D	RGB 239 118 157	#EF769D
100.0%	100.0% #FC7C9E	RGB 252 124 158	#FC7C9E

#B0599C #BC5E9C #C9649C #D66A9D #E2709D #EF769D #FC7C9E

#B0599C - #FC7C9E

HSVブレンド

#B0599C - #FC7C9E | colorate

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

0.0%	0.0% #B0599C	RGB 176 89 156	#B0599C
16.7%	16.7% #BC5E9F	RGB 188 94 159	#BC5E9F
33.3%	33.3% #C964A1	RGB 201 100 161	#C964A1
50.0%	50.0% #D66AA2	RGB 214 106 162	#D66AA2
66.7%	66.7% #E270A2	RGB 226 112 162	#E270A2
83.3%	83.3% #EF76A0	RGB 239 118 160	#EF76A0
100.0%	100.0% #FC7C9E	RGB 252 124 158	#FC7C9E

#B0599C #BC5E9F #C964A1 #D66AA2 #E270A2 #EF76A0 #FC7C9E

#B0599C - #D66AA2 - #FC7C9E

CSSコード

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

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