#B564B7 - #FFB8B9 | colorate

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

Blend #B564B7 to #FFB8B9

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

RGBブレンド

#B564B7 - #FFB8B9 | colorate

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

0.0%	0.0% #B564B7	RGB 181 100 183	#B564B7
16.7%	16.7% #C172B7	RGB 193 114 183	#C172B7
33.3%	33.3% #CD80B7	RGB 205 128 183	#CD80B7
50.0%	50.0% #DA8EB8	RGB 218 142 184	#DA8EB8
66.7%	66.7% #E69CB8	RGB 230 156 184	#E69CB8
83.3%	83.3% #F2AAB8	RGB 242 170 184	#F2AAB8
100.0%	100.0% #FFB8B9	RGB 255 184 185	#FFB8B9

#B564B7 #C172B7 #CD80B7 #DA8EB8 #E69CB8 #F2AAB8 #FFB8B9

#B564B7 - #FFB8B9

HSVブレンド

#B564B7 - #FFB8B9 | colorate

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

0.0%	0.0% #B564B7	RGB 181 100 183	#B564B7
16.7%	16.7% #C370B7	RGB 195 112 183	#C370B7
33.3%	33.3% #CF7DB5	RGB 207 125 181	#CF7DB5
50.0%	50.0% #DB8AB4	RGB 219 138 180	#DB8AB4
66.7%	66.7% #E799B4	RGB 231 153 180	#E799B4
83.3%	83.3% #F3A8B5	RGB 243 168 181	#F3A8B5
100.0%	100.0% #FFB8B9	RGB 255 184 185	#FFB8B9

#B564B7 #C370B7 #CF7DB5 #DB8AB4 #E799B4 #F3A8B5 #FFB8B9

#B564B7 - #DB8AB4 - #FFB8B9

CSSコード

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

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