#F6E7AB - #E6ABF6 | colorate

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

Blend #F6E7AB to #E6ABF6

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

RGBブレンド

#F6E7AB - #E6ABF6 | colorate

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

0.0%	0.0% #F6E7AB	RGB 246 231 171	#F6E7AB
16.7%	16.7% #F3DDB7	RGB 243 221 183	#F3DDB7
33.3%	33.3% #F0D3C4	RGB 240 211 196	#F0D3C4
50.0%	50.0% #EEC9D0	RGB 238 201 208	#EEC9D0
66.7%	66.7% #EBBFDD	RGB 235 191 221	#EBBFDD
83.3%	83.3% #E8B5E9	RGB 232 181 233	#E8B5E9
100.0%	100.0% #E6ABF6	RGB 230 171 246	#E6ABF6

#F6E7AB #F3DDB7 #F0D3C4 #EEC9D0 #EBBFDD #E8B5E9 #E6ABF6

#F6E7AB - #E6ABF6

HSVブレンド

#F6E7AB - #E6ABF6 | colorate

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

0.0%	0.0% #F6E7AB	RGB 246 231 171	#F6E7AB
16.7%	16.7% #F6CDAB	RGB 246 205 171	#F6CDAB
33.3%	33.3% #F6B4AB	RGB 246 180 171	#F6B4AB
50.0%	50.0% #F6ABBA	RGB 246 171 186	#F6ABBA
66.7%	66.7% #F6ABD3	RGB 246 171 211	#F6ABD3
83.3%	83.3% #F6ABEC	RGB 246 171 236	#F6ABEC
100.0%	100.0% #E6ABF6	RGB 230 171 246	#E6ABF6

#F6E7AB #F6CDAB #F6B4AB #F6ABBA #F6ABD3 #F6ABEC #E6ABF6

#F6E7AB - #F6ABBA - #E6ABF6

CSSコード

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

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