#883D8F - #3D8F88 | colorate

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

Blend #883D8F to #3D8F88

#883D8F #3D8F88

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

RGBブレンド

#883D8F - #3D8F88 | colorate

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

0.0%	0.0% #883D8F	RGB 136 61 143	#883D8F
16.7%	16.7% #7B4A8D	RGB 123 74 141	#7B4A8D
33.3%	33.3% #6F588C	RGB 111 88 140	#6F588C
50.0%	50.0% #62668B	RGB 98 102 139	#62668B
66.7%	66.7% #56738A	RGB 86 115 138	#56738A
83.3%	83.3% #498189	RGB 73 129 137	#498189
100.0%	100.0% #3D8F88	RGB 61 143 136	#3D8F88

#883D8F #7B4A8D #6F588C #62668B #56738A #498189 #3D8F88

#883D8F - #3D8F88

HSVブレンド

#883D8F - #3D8F88 | colorate

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

0.0%	0.0% #883D8F	RGB 136 61 143	#883D8F
16.7%	16.7% #6C3D8F	RGB 108 61 143	#6C3D8F
33.3%	33.3% #513D8F	RGB 81 61 143	#513D8F
50.0%	50.0% #3D448F	RGB 61 68 143	#3D448F
66.7%	66.7% #3D5F8F	RGB 61 95 143	#3D5F8F
83.3%	83.3% #3D7A8F	RGB 61 122 143	#3D7A8F
100.0%	100.0% #3D8F88	RGB 61 143 136	#3D8F88

#883D8F #6C3D8F #513D8F #3D448F #3D5F8F #3D7A8F #3D8F88

#883D8F - #3D448F - #3D8F88

CSSコード

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

/* HSV Gradation */
div {
    background: -moz-linear-gradient(top, #883D8F 0%, #3D448F 50%, #3D8F88 100%);
    background: -webkit-linear-gradient(top, #883D8F 0%, #3D448F 50%, #3D8F88 100%);
    background: linear-gradient(to bottom, #883D8F 0%, #3D448F 50%, #3D8F88 100%);
}
</style>