#23158F - #C0BCDF | colorate

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

Blend #23158F to #C0BCDF

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

RGBブレンド

#23158F - #C0BCDF | colorate

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

0.0%	0.0% #23158F	RGB 35 21 143	#23158F
16.7%	16.7% #3D309C	RGB 61 48 156	#3D309C
33.3%	33.3% #574CA9	RGB 87 76 169	#574CA9
50.0%	50.0% #7168B7	RGB 113 104 183	#7168B7
66.7%	66.7% #8B84C4	RGB 139 132 196	#8B84C4
83.3%	83.3% #A5A0D1	RGB 165 160 209	#A5A0D1
100.0%	100.0% #C0BCDF	RGB 192 188 223	#C0BCDF

#23158F #3D309C #574CA9 #7168B7 #8B84C4 #A5A0D1 #C0BCDF

#23158F - #C0BCDF

HSVブレンド

#23158F - #C0BCDF | colorate

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

0.0%	0.0% #22158F	RGB 34 21 143	#22158F
16.7%	16.7% #36299C	RGB 54 41 156	#36299C
33.3%	33.3% #4C40A9	RGB 76 64 169	#4C40A9
50.0%	50.0% #655AB7	RGB 101 90 183	#655AB7
66.7%	66.7% #8077C4	RGB 128 119 196	#8077C4
83.3%	83.3% #9E98D1	RGB 158 152 209	#9E98D1
100.0%	100.0% #C0BCDF	RGB 192 188 223	#C0BCDF

#22158F #36299C #4C40A9 #655AB7 #8077C4 #9E98D1 #C0BCDF

#23158F - #655AB7 - #C0BCDF

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #22158F 0%, #655AB7 50%, #C0BCDF 100%);
    background: -webkit-linear-gradient(top, #22158F 0%, #655AB7 50%, #C0BCDF 100%);
    background: linear-gradient(to bottom, #22158F 0%, #655AB7 50%, #C0BCDF 100%);
}
</style>