#616165 - #BF9487 | colorate

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

Blend #616165 to #BF9487

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

RGBブレンド

#616165 - #BF9487 | colorate

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

0.0%	0.0% #616165	RGB 97 97 101	#616165
16.7%	16.7% #70696A	RGB 112 105 106	#70696A
33.3%	33.3% #807270	RGB 128 114 112	#807270
50.0%	50.0% #907A76	RGB 144 122 118	#907A76
66.7%	66.7% #9F837B	RGB 159 131 123	#9F837B
83.3%	83.3% #AF8B81	RGB 175 139 129	#AF8B81
100.0%	100.0% #BF9487	RGB 191 148 135	#BF9487

#616165 #70696A #807270 #907A76 #9F837B #AF8B81 #BF9487

#616165 - #BF9487

HSVブレンド

#616165 - #BF9487 | colorate

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

0.0%	0.0% #616165	RGB 97 97 101	#616165
16.7%	16.7% #6E6A74	RGB 110 106 116	#6E6A74
33.3%	33.3% #7E7283	RGB 126 114 131	#7E7283
50.0%	50.0% #92798F	RGB 146 121 143	#92798F
66.7%	66.7% #A17F90	RGB 161 127 144	#A17F90
83.3%	83.3% #B0838A	RGB 176 131 138	#B0838A
100.0%	100.0% #BF9487	RGB 191 148 135	#BF9487

#616165 #6E6A74 #7E7283 #92798F #A17F90 #B0838A #BF9487

#616165 - #92798F - #BF9487

CSSコード

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

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