#A36EB6 - #FFBCB9 | colorate

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

Blend #A36EB6 to #FFBCB9

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

RGBブレンド

#A36EB6 - #FFBCB9 | colorate

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

0.0%	0.0% #A36EB6	RGB 163 110 182	#A36EB6
16.7%	16.7% #B27BB6	RGB 178 123 182	#B27BB6
33.3%	33.3% #C188B7	RGB 193 136 183	#C188B7
50.0%	50.0% #D195B7	RGB 209 149 183	#D195B7
66.7%	66.7% #E0A2B8	RGB 224 162 184	#E0A2B8
83.3%	83.3% #EFAFB8	RGB 239 175 184	#EFAFB8
100.0%	100.0% #FFBCB9	RGB 255 188 185	#FFBCB9

#A36EB6 #B27BB6 #C188B7 #D195B7 #E0A2B8 #EFAFB8 #FFBCB9

#A36EB6 - #FFBCB9

HSVブレンド

#A36EB6 - #FFBCB9 | colorate

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

0.0%	0.0% #A36EB6	RGB 163 110 182	#A36EB6
16.7%	16.7% #BE79C2	RGB 190 121 194	#BE79C2
33.3%	33.3% #CE85C1	RGB 206 133 193	#CE85C1
50.0%	50.0% #DA91BD	RGB 218 145 189	#DA91BD
66.7%	66.7% #E69EBA	RGB 230 158 186	#E69EBA
83.3%	83.3% #F2ABB7	RGB 242 171 183	#F2ABB7
100.0%	100.0% #FFBCB9	RGB 255 188 185	#FFBCB9

#A36EB6 #BE79C2 #CE85C1 #DA91BD #E69EBA #F2ABB7 #FFBCB9

#A36EB6 - #DA91BD - #FFBCB9

CSSコード

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

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