#7C9254 - #92547B | colorate

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

Blend #7C9254 to #92547B

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

RGBブレンド

#7C9254 - #92547B | colorate

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

0.0%	0.0% #7C9254	RGB 124 146 84	#7C9254
16.7%	16.7% #7F875A	RGB 127 135 90	#7F875A
33.3%	33.3% #837D61	RGB 131 125 97	#837D61
50.0%	50.0% #877367	RGB 135 115 103	#877367
66.7%	66.7% #8A686E	RGB 138 104 110	#8A686E
83.3%	83.3% #8E5E74	RGB 142 94 116	#8E5E74
100.0%	100.0% #92547B	RGB 146 84 123	#92547B

#7C9254 #7F875A #837D61 #877367 #8A686E #8E5E74 #92547B

#7C9254 - #92547B

HSVブレンド

#7C9254 - #92547B | colorate

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

0.0%	0.0% #7C9254	RGB 124 146 84	#7C9254
16.7%	16.7% #909254	RGB 144 146 84	#909254
33.3%	33.3% #927F54	RGB 146 127 84	#927F54
50.0%	50.0% #926A54	RGB 146 106 84	#926A54
66.7%	66.7% #925554	RGB 146 85 84	#925554
83.3%	83.3% #925466	RGB 146 84 102	#925466
100.0%	100.0% #92547B	RGB 146 84 123	#92547B

#7C9254 #909254 #927F54 #926A54 #925554 #925466 #92547B

#7C9254 - #926A54 - #92547B

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7C9254 0%, #926A54 50%, #92547B 100%);
    background: -webkit-linear-gradient(top, #7C9254 0%, #926A54 50%, #92547B 100%);
    background: linear-gradient(to bottom, #7C9254 0%, #926A54 50%, #92547B 100%);
}
</style>