#8F768B - #4E3039 | colorate

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

Blend #8F768B to #4E3039

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

RGBブレンド

#8F768B - #4E3039 | colorate

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

0.0%	0.0% #8F768B	RGB 143 118 139	#8F768B
16.7%	16.7% #846A7D	RGB 132 106 125	#846A7D
33.3%	33.3% #795E6F	RGB 121 94 111	#795E6F
50.0%	50.0% #6E5362	RGB 110 83 98	#6E5362
66.7%	66.7% #634754	RGB 99 71 84	#634754
83.3%	83.3% #583B46	RGB 88 59 70	#583B46
100.0%	100.0% #4E3039	RGB 78 48 57	#4E3039

#8F768B #846A7D #795E6F #6E5362 #634754 #583B46 #4E3039

#8F768B - #4E3039

HSVブレンド

#8F768B - #4E3039 | colorate

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

0.0%	0.0% #8F768B	RGB 143 118 139	#8F768B
16.7%	16.7% #84687D	RGB 132 104 125	#84687D
33.3%	33.3% #795B6F	RGB 121 91 111	#795B6F
50.0%	50.0% #6E4F61	RGB 110 79 97	#6E4F61
66.7%	66.7% #634453	RGB 99 68 83	#634453
83.3%	83.3% #583945	RGB 88 57 69	#583945
100.0%	100.0% #4E3039	RGB 78 48 57	#4E3039

#8F768B #84687D #795B6F #6E4F61 #634453 #583945 #4E3039

#8F768B - #6E4F61 - #4E3039

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8F768B 0%, #6E4F61 50%, #4E3039 100%);
    background: -webkit-linear-gradient(top, #8F768B 0%, #6E4F61 50%, #4E3039 100%);
    background: linear-gradient(to bottom, #8F768B 0%, #6E4F61 50%, #4E3039 100%);
}
</style>