#2C2038 - #8A4293 | colorate

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

Blend #2C2038 to #8A4293

#2C2038 #8A4293

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

RGBブレンド

#2C2038 - #8A4293 | colorate

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

0.0%	0.0% #2C2038	RGB 44 32 56	#2C2038
16.7%	16.7% #3B2547	RGB 59 37 71	#3B2547
33.3%	33.3% #4B2B56	RGB 75 43 86	#4B2B56
50.0%	50.0% #5B3165	RGB 91 49 101	#5B3165
66.7%	66.7% #6A3674	RGB 106 54 116	#6A3674
83.3%	83.3% #7A3C83	RGB 122 60 131	#7A3C83
100.0%	100.0% #8A4293	RGB 138 66 147	#8A4293

#2C2038 #3B2547 #4B2B56 #5B3165 #6A3674 #7A3C83 #8A4293

#2C2038 - #8A4293

HSVブレンド

#2C2038 - #8A4293 | colorate

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

0.0%	0.0% #2C2038	RGB 44 32 56	#2C2038
16.7%	16.7% #392747	RGB 57 39 71	#392747
33.3%	33.3% #472D56	RGB 71 45 86	#472D56
50.0%	50.0% #563365	RGB 86 51 101	#563365
66.7%	66.7% #663974	RGB 102 57 116	#663974
83.3%	83.3% #773D83	RGB 119 61 131	#773D83
100.0%	100.0% #8A4293	RGB 138 66 147	#8A4293

#2C2038 #392747 #472D56 #563365 #663974 #773D83 #8A4293

#2C2038 - #563365 - #8A4293

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2C2038 0%, #563365 50%, #8A4293 100%);
    background: -webkit-linear-gradient(top, #2C2038 0%, #563365 50%, #8A4293 100%);
    background: linear-gradient(to bottom, #2C2038 0%, #563365 50%, #8A4293 100%);
}
</style>