#AC5E7B - #B37EFF | colorate

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

Blend #AC5E7B to #B37EFF

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

RGBブレンド

#AC5E7B - #B37EFF | colorate

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

0.0%	0.0% #AC5E7B	RGB 172 94 123	#AC5E7B
16.7%	16.7% #AD6391	RGB 173 99 145	#AD6391
33.3%	33.3% #AE68A7	RGB 174 104 167	#AE68A7
50.0%	50.0% #AF6EBD	RGB 175 110 189	#AF6EBD
66.7%	66.7% #B073D3	RGB 176 115 211	#B073D3
83.3%	83.3% #B178E9	RGB 177 120 233	#B178E9
100.0%	100.0% #B37EFF	RGB 179 126 255	#B37EFF

#AC5E7B #AD6391 #AE68A7 #AF6EBD #B073D3 #B178E9 #B37EFF

#AC5E7B - #B37EFF

HSVブレンド

#AC5E7B - #B37EFF | colorate

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

0.0%	0.0% #AC5E7B	RGB 172 94 123	#AC5E7B
16.7%	16.7% #B96395	RGB 185 99 149	#B96395
33.3%	33.3% #C769B2	RGB 199 105 178	#C769B2
50.0%	50.0% #D56FD3	RGB 213 111 211	#D56FD3
66.7%	66.7% #CE74E3	RGB 206 116 227	#CE74E3
83.3%	83.3% #C279F1	RGB 194 121 241	#C279F1
100.0%	100.0% #B37EFF	RGB 179 126 255	#B37EFF

#AC5E7B #B96395 #C769B2 #D56FD3 #CE74E3 #C279F1 #B37EFF

#AC5E7B - #D56FD3 - #B37EFF

CSSコード

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

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