#B05FD7 - #51008D | colorate

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

Blend #B05FD7 to #51008D

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

RGBブレンド

#B05FD7 - #51008D | colorate

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

0.0%	0.0% #B05FD7	RGB 176 95 215	#B05FD7
16.7%	16.7% #A04FCA	RGB 160 79 202	#A04FCA
33.3%	33.3% #903FBE	RGB 144 63 190	#903FBE
50.0%	50.0% #802FB2	RGB 128 47 178	#802FB2
66.7%	66.7% #701FA5	RGB 112 31 165	#701FA5
83.3%	83.3% #600F99	RGB 96 15 153	#600F99
100.0%	100.0% #51008D	RGB 81 0 141	#51008D

#B05FD7 #A04FCA #903FBE #802FB2 #701FA5 #600F99 #51008D

#B05FD7 - #51008D

HSVブレンド

#B05FD7 - #51008D | colorate

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

0.0%	0.0% #AF5FD7	RGB 175 95 215	#AF5FD7
16.7%	16.7% #9E4ACA	RGB 158 74 202	#9E4ACA
33.3%	33.3% #8E38BE	RGB 142 56 190	#8E38BE
50.0%	50.0% #7D27B2	RGB 125 39 178	#7D27B2
66.7%	66.7% #6E18A5	RGB 110 24 165	#6E18A5
83.3%	83.3% #5F0B99	RGB 95 11 153	#5F0B99
100.0%	100.0% #51008D	RGB 81 0 141	#51008D

#AF5FD7 #9E4ACA #8E38BE #7D27B2 #6E18A5 #5F0B99 #51008D

#B05FD7 - #7D27B2 - #51008D

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AF5FD7 0%, #7D27B2 50%, #51008D 100%);
    background: -webkit-linear-gradient(top, #AF5FD7 0%, #7D27B2 50%, #51008D 100%);
    background: linear-gradient(to bottom, #AF5FD7 0%, #7D27B2 50%, #51008D 100%);
}
</style>