#88768F - #F398F7 | colorate

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

Blend #88768F to #F398F7

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

RGBブレンド

#88768F - #F398F7 | colorate

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

0.0%	0.0% #88768F	RGB 136 118 143	#88768F
16.7%	16.7% #997BA0	RGB 153 123 160	#997BA0
33.3%	33.3% #AB81B1	RGB 171 129 177	#AB81B1
50.0%	50.0% #BD87C3	RGB 189 135 195	#BD87C3
66.7%	66.7% #CF8CD4	RGB 207 140 212	#CF8CD4
83.3%	83.3% #E192E5	RGB 225 146 229	#E192E5
100.0%	100.0% #F398F7	RGB 243 152 247	#F398F7

#88768F #997BA0 #AB81B1 #BD87C3 #CF8CD4 #E192E5 #F398F7

#88768F - #F398F7

HSVブレンド

#88768F - #F398F7 | colorate

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

0.0%	0.0% #88768F	RGB 136 118 143	#88768F
16.7%	16.7% #987EA0	RGB 152 126 160	#987EA0
33.3%	33.3% #A886B1	RGB 168 134 177	#A886B1
50.0%	50.0% #BA8CC3	RGB 186 140 195	#BA8CC3
66.7%	66.7% #CC91D4	RGB 204 145 212	#CC91D4
83.3%	83.3% #DF95E5	RGB 223 149 229	#DF95E5
100.0%	100.0% #F398F7	RGB 243 152 247	#F398F7

#88768F #987EA0 #A886B1 #BA8CC3 #CC91D4 #DF95E5 #F398F7

#88768F - #BA8CC3 - #F398F7

CSSコード

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

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