#6B6B8C - #BBAAA3 | colorate

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

Blend #6B6B8C to #BBAAA3

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

RGBブレンド

#6B6B8C - #BBAAA3 | colorate

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

0.0%	0.0% #6B6B8C	RGB 107 107 140	#6B6B8C
16.7%	16.7% #78758F	RGB 120 117 143	#78758F
33.3%	33.3% #858093	RGB 133 128 147	#858093
50.0%	50.0% #938A97	RGB 147 138 151	#938A97
66.7%	66.7% #A0959B	RGB 160 149 155	#A0959B
83.3%	83.3% #AD9F9F	RGB 173 159 159	#AD9F9F
100.0%	100.0% #BBAAA3	RGB 187 170 163	#BBAAA3

#6B6B8C #78758F #858093 #938A97 #A0959B #AD9F9F #BBAAA3

#6B6B8C - #BBAAA3

HSVブレンド

#6B6B8C - #BBAAA3 | colorate

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

0.0%	0.0% #6B6B8C	RGB 107 107 140	#6B6B8C
16.7%	16.7% #7F7393	RGB 127 115 147	#7F7393
33.3%	33.3% #947C9B	RGB 148 124 155	#947C9B
50.0%	50.0% #A3859F	RGB 163 133 159	#A3859F
66.7%	66.7% #AB8F9C	RGB 171 143 156	#AB8F9C
83.3%	83.3% #B3989B	RGB 179 152 155	#B3989B
100.0%	100.0% #BBAAA3	RGB 187 170 163	#BBAAA3

#6B6B8C #7F7393 #947C9B #A3859F #AB8F9C #B3989B #BBAAA3

#6B6B8C - #A3859F - #BBAAA3

CSSコード

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

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