#816F90 - #241F29 | colorate

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

Blend #816F90 to #241F29

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

RGBブレンド

#816F90 - #241F29 | colorate

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

0.0%	0.0% #816F90	RGB 129 111 144	#816F90
16.7%	16.7% #71617E	RGB 113 97 126	#71617E
33.3%	33.3% #62546D	RGB 98 84 109	#62546D
50.0%	50.0% #52475C	RGB 82 71 92	#52475C
66.7%	66.7% #43394B	RGB 67 57 75	#43394B
83.3%	83.3% #332C3A	RGB 51 44 58	#332C3A
100.0%	100.0% #241F29	RGB 36 31 41	#241F29

#816F90 #71617E #62546D #52475C #43394B #332C3A #241F29

#816F90 - #241F29

HSVブレンド

#816F90 - #241F29 | colorate

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

0.0%	0.0% #816F90	RGB 129 111 144	#816F90
16.7%	16.7% #71617E	RGB 113 97 126	#71617E
33.3%	33.3% #61536D	RGB 97 83 109	#61536D
50.0%	50.0% #52465C	RGB 82 70 92	#52465C
66.7%	66.7% #42394B	RGB 66 57 75	#42394B
83.3%	83.3% #332C3A	RGB 51 44 58	#332C3A
100.0%	100.0% #241F29	RGB 36 31 41	#241F29

#816F90 #71617E #61536D #52465C #42394B #332C3A #241F29

#816F90 - #52465C - #241F29

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #816F90 0%, #52465C 50%, #241F29 100%);
    background: -webkit-linear-gradient(top, #816F90 0%, #52465C 50%, #241F29 100%);
    background: linear-gradient(to bottom, #816F90 0%, #52465C 50%, #241F29 100%);
}
</style>