#EB6ABA - #FCD6DD | colorate

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

Blend #EB6ABA to #FCD6DD

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

RGBブレンド

#EB6ABA - #FCD6DD | colorate

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

0.0%	0.0% #EB6ABA	RGB 235 106 186	#EB6ABA
16.7%	16.7% #ED7CBF	RGB 237 124 191	#ED7CBF
33.3%	33.3% #F08EC5	RGB 240 142 197	#F08EC5
50.0%	50.0% #F3A0CB	RGB 243 160 203	#F3A0CB
66.7%	66.7% #F6B2D1	RGB 246 178 209	#F6B2D1
83.3%	83.3% #F9C4D7	RGB 249 196 215	#F9C4D7
100.0%	100.0% #FCD6DD	RGB 252 214 221	#FCD6DD

#EB6ABA #ED7CBF #F08EC5 #F3A0CB #F6B2D1 #F9C4D7 #FCD6DD

#EB6ABA - #FCD6DD

HSVブレンド

#EB6ABA - #FCD6DD | colorate

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

0.0%	0.0% #EB6ABA	RGB 235 106 186	#EB6ABA
16.7%	16.7% #ED7BB9	RGB 237 123 185	#ED7BB9
33.3%	33.3% #F08CBC	RGB 240 140 188	#F08CBC
50.0%	50.0% #F39EC0	RGB 243 158 192	#F39EC0
66.7%	66.7% #F6B0C7	RGB 246 176 199	#F6B0C7
83.3%	83.3% #F9C3D0	RGB 249 195 208	#F9C3D0
100.0%	100.0% #FCD6DD	RGB 252 214 221	#FCD6DD

#EB6ABA #ED7BB9 #F08CBC #F39EC0 #F6B0C7 #F9C3D0 #FCD6DD

#EB6ABA - #F39EC0 - #FCD6DD

CSSコード

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

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