#E871B2 - #F69CFF | colorate

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

Blend #E871B2 to #F69CFF

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

RGBブレンド

#E871B2 - #F69CFF | colorate

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

0.0%	0.0% #E871B2	RGB 232 113 178	#E871B2
16.7%	16.7% #EA78BE	RGB 234 120 190	#EA78BE
33.3%	33.3% #EC7FCB	RGB 236 127 203	#EC7FCB
50.0%	50.0% #EF86D8	RGB 239 134 216	#EF86D8
66.7%	66.7% #F18DE5	RGB 241 141 229	#F18DE5
83.3%	83.3% #F394F2	RGB 243 148 242	#F394F2
100.0%	100.0% #F69CFF	RGB 246 156 255	#F69CFF

#E871B2 #EA78BE #EC7FCB #EF86D8 #F18DE5 #F394F2 #F69CFF

#E871B2 - #F69CFF

HSVブレンド

#E871B2 - #F69CFF | colorate

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

0.0%	0.0% #E871B1	RGB 232 113 177	#E871B1
16.7%	16.7% #EB77C1	RGB 235 119 193	#EB77C1
33.3%	33.3% #EF7ED0	RGB 239 126 208	#EF7ED0
50.0%	50.0% #F385DF	RGB 243 133 223	#F385DF
66.7%	66.7% #F78DED	RGB 247 141 237	#F78DED
83.3%	83.3% #FB94FB	RGB 251 148 251	#FB94FB
100.0%	100.0% #F69CFF	RGB 246 156 255	#F69CFF

#E871B1 #EB77C1 #EF7ED0 #F385DF #F78DED #FB94FB #F69CFF

#E871B2 - #F385DF - #F69CFF

CSSコード

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

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