#827F81 - #414030 | colorate

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

Blend #827F81 to #414030

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

RGBブレンド

#827F81 - #414030 | colorate

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

0.0%	0.0% #827F81	RGB 130 127 129	#827F81
16.7%	16.7% #777473	RGB 119 116 115	#777473
33.3%	33.3% #6C6A66	RGB 108 106 102	#6C6A66
50.0%	50.0% #615F58	RGB 97 95 88	#615F58
66.7%	66.7% #56554B	RGB 86 85 75	#56554B
83.3%	83.3% #4B4A3D	RGB 75 74 61	#4B4A3D
100.0%	100.0% #414030	RGB 65 64 48	#414030

#827F81 #777473 #6C6A66 #615F58 #56554B #4B4A3D #414030

#827F81 - #414030

HSVブレンド

#827F81 - #414030 | colorate

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

0.0%	0.0% #827F81	RGB 130 127 129	#827F81
16.7%	16.7% #776F72	RGB 119 111 114	#776F72
33.3%	33.3% #6C6162	RGB 108 97 98	#6C6162
50.0%	50.0% #615553	RGB 97 85 83	#615553
66.7%	66.7% #564D46	RGB 86 77 70	#564D46
83.3%	83.3% #4B463B	RGB 75 70 59	#4B463B
100.0%	100.0% #414030	RGB 65 64 48	#414030

#827F81 #776F72 #6C6162 #615553 #564D46 #4B463B #414030

#827F81 - #615553 - #414030

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #827F81 0%, #615553 50%, #414030 100%);
    background: -webkit-linear-gradient(top, #827F81 0%, #615553 50%, #414030 100%);
    background: linear-gradient(to bottom, #827F81 0%, #615553 50%, #414030 100%);
}
</style>