#50775F - #52907D | colorate

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

Blend #50775F to #52907D

#50775F #52907D

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

RGBブレンド

#50775F - #52907D | colorate

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

0.0%	0.0% #50775F	RGB 80 119 95	#50775F
16.7%	16.7% #507B64	RGB 80 123 100	#507B64
33.3%	33.3% #507F69	RGB 80 127 105	#507F69
50.0%	50.0% #51836E	RGB 81 131 110	#51836E
66.7%	66.7% #518773	RGB 81 135 115	#518773
83.3%	83.3% #518B78	RGB 81 139 120	#518B78
100.0%	100.0% #52907D	RGB 82 144 125	#52907D

#50775F #507B64 #507F69 #51836E #518773 #518B78 #52907D

#50775F - #52907D

HSVブレンド

#50775F - #52907D | colorate

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

0.0%	0.0% #50775F	RGB 80 119 95	#50775F
16.7%	16.7% #507B63	RGB 80 123 99	#507B63
33.3%	33.3% #517F67	RGB 81 127 103	#517F67
50.0%	50.0% #51836C	RGB 81 131 108	#51836C
66.7%	66.7% #518771	RGB 81 135 113	#518771
83.3%	83.3% #528B77	RGB 82 139 119	#528B77
100.0%	100.0% #52907D	RGB 82 144 125	#52907D

#50775F #507B63 #517F67 #51836C #518771 #528B77 #52907D

#50775F - #51836C - #52907D

CSSコード

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

/* HSV Gradation */
div {
    background: -moz-linear-gradient(top, #50775F 0%, #51836C 50%, #52907D 100%);
    background: -webkit-linear-gradient(top, #50775F 0%, #51836C 50%, #52907D 100%);
    background: linear-gradient(to bottom, #50775F 0%, #51836C 50%, #52907D 100%);
}
</style>