#EB6DAF - #F9D5E8 | colorate

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

Blend #EB6DAF to #F9D5E8

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

RGBブレンド

#EB6DAF - #F9D5E8 | colorate

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

0.0%	0.0% #EB6DAF	RGB 235 109 175	#EB6DAF
16.7%	16.7% #ED7EB8	RGB 237 126 184	#ED7EB8
33.3%	33.3% #EF8FC2	RGB 239 143 194	#EF8FC2
50.0%	50.0% #F2A1CB	RGB 242 161 203	#F2A1CB
66.7%	66.7% #F4B2D5	RGB 244 178 213	#F4B2D5
83.3%	83.3% #F6C3DE	RGB 246 195 222	#F6C3DE
100.0%	100.0% #F9D5E8	RGB 249 213 232	#F9D5E8

#EB6DAF #ED7EB8 #EF8FC2 #F2A1CB #F4B2D5 #F6C3DE #F9D5E8

#EB6DAF - #F9D5E8

HSVブレンド

#EB6DAF - #F9D5E8 | colorate

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

0.0%	0.0% #EB6DAE	RGB 235 109 174	#EB6DAE
16.7%	16.7% #ED7DB8	RGB 237 125 184	#ED7DB8
33.3%	33.3% #EF8EC1	RGB 239 142 193	#EF8EC1
50.0%	50.0% #F29FCA	RGB 242 159 202	#F29FCA
66.7%	66.7% #F4B1D4	RGB 244 177 212	#F4B1D4
83.3%	83.3% #F6C2DE	RGB 246 194 222	#F6C2DE
100.0%	100.0% #F9D5E8	RGB 249 213 232	#F9D5E8

#EB6DAE #ED7DB8 #EF8EC1 #F29FCA #F4B1D4 #F6C2DE #F9D5E8

#EB6DAF - #F29FCA - #F9D5E8

CSSコード

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

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