#92547E - #547D92 | colorate

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

Blend #92547E to #547D92

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

RGBブレンド

#92547E - #547D92 | colorate

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

0.0%	0.0% #92547E	RGB 146 84 126	#92547E
16.7%	16.7% #875A81	RGB 135 90 129	#875A81
33.3%	33.3% #7D6184	RGB 125 97 132	#7D6184
50.0%	50.0% #736888	RGB 115 104 136	#736888
66.7%	66.7% #686F8B	RGB 104 111 139	#686F8B
83.3%	83.3% #5E768E	RGB 94 118 142	#5E768E
100.0%	100.0% #547D92	RGB 84 125 146	#547D92

#92547E #875A81 #7D6184 #736888 #686F8B #5E768E #547D92

#92547E - #547D92

HSVブレンド

#92547E - #547D92 | colorate

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

0.0%	0.0% #92547E	RGB 146 84 126	#92547E
16.7%	16.7% #915492	RGB 145 84 146	#915492
33.3%	33.3% #7C5492	RGB 124 84 146	#7C5492
50.0%	50.0% #685492	RGB 104 84 146	#685492
66.7%	66.7% #545492	RGB 84 84 146	#545492
83.3%	83.3% #546892	RGB 84 104 146	#546892
100.0%	100.0% #547D92	RGB 84 125 146	#547D92

#92547E #915492 #7C5492 #685492 #545492 #546892 #547D92

#92547E - #685492 - #547D92

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #92547E 0%, #685492 50%, #547D92 100%);
    background: -webkit-linear-gradient(top, #92547E 0%, #685492 50%, #547D92 100%);
    background: linear-gradient(to bottom, #92547E 0%, #685492 50%, #547D92 100%);
}
</style>