#FF96D3 - #D3208C | colorate

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

Blend #FF96D3 to #D3208C

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

RGBブレンド

#FF96D3 - #D3208C | colorate

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

0.0%	0.0% #FF96D3	RGB 255 150 211	#FF96D3
16.7%	16.7% #F782C7	RGB 247 130 199	#F782C7
33.3%	33.3% #F06EBB	RGB 240 110 187	#F06EBB
50.0%	50.0% #E95BAF	RGB 233 91 175	#E95BAF
66.7%	66.7% #E147A3	RGB 225 71 163	#E147A3
83.3%	83.3% #DA3397	RGB 218 51 151	#DA3397
100.0%	100.0% #D3208C	RGB 211 32 140	#D3208C

#FF96D3 #F782C7 #F06EBB #E95BAF #E147A3 #DA3397 #D3208C

#FF96D3 - #D3208C

HSVブレンド

#FF96D3 - #D3208C | colorate

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

0.0%	0.0% #FF96D3	RGB 255 150 211	#FF96D3
16.7%	16.7% #F77FC5	RGB 247 127 197	#F77FC5
33.3%	33.3% #F06AB9	RGB 240 106 185	#F06AB9
50.0%	50.0% #E956AD	RGB 233 86 173	#E956AD
66.7%	66.7% #E143A1	RGB 225 67 161	#E143A1
83.3%	83.3% #DA3096	RGB 218 48 150	#DA3096
100.0%	100.0% #D3208C	RGB 211 32 140	#D3208C

#FF96D3 #F77FC5 #F06AB9 #E956AD #E143A1 #DA3096 #D3208C

#FF96D3 - #E956AD - #D3208C

CSSコード

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

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