#81827F - #30413D | colorate

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

Blend #81827F to #30413D

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

RGBブレンド

#81827F - #30413D | colorate

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

0.0%	0.0% #81827F	RGB 129 130 127	#81827F
16.7%	16.7% #737774	RGB 115 119 116	#737774
33.3%	33.3% #666C69	RGB 102 108 105	#666C69
50.0%	50.0% #58615E	RGB 88 97 94	#58615E
66.7%	66.7% #4B5653	RGB 75 86 83	#4B5653
83.3%	83.3% #3D4B48	RGB 61 75 72	#3D4B48
100.0%	100.0% #30413D	RGB 48 65 61	#30413D

#81827F #737774 #666C69 #58615E #4B5653 #3D4B48 #30413D

#81827F - #30413D

HSVブレンド

#81827F - #30413D | colorate

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

0.0%	0.0% #81827F	RGB 129 130 127	#81827F
16.7%	16.7% #72776F	RGB 114 119 111	#72776F
33.3%	33.3% #636C61	RGB 99 108 97	#636C61
50.0%	50.0% #536154	RGB 83 97 84	#536154
66.7%	66.7% #46564B	RGB 70 86 75	#46564B
83.3%	83.3% #3B4B43	RGB 59 75 67	#3B4B43
100.0%	100.0% #30413D	RGB 48 65 61	#30413D

#81827F #72776F #636C61 #536154 #46564B #3B4B43 #30413D

#81827F - #536154 - #30413D

CSSコード

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

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