#8B74C0 - #A7C074 | colorate

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

Blend #8B74C0 to #A7C074

#8B74C0 #A7C074

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

RGBブレンド

#8B74C0 - #A7C074 | colorate

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

0.0%	0.0% #8B74C0	RGB 139 116 192	#8B74C0
16.7%	16.7% #8F80B3	RGB 143 128 179	#8F80B3
33.3%	33.3% #948DA6	RGB 148 141 166	#948DA6
50.0%	50.0% #999A9A	RGB 153 154 154	#999A9A
66.7%	66.7% #9DA68D	RGB 157 166 141	#9DA68D
83.3%	83.3% #A2B380	RGB 162 179 128	#A2B380
100.0%	100.0% #A7C074	RGB 167 192 116	#A7C074

#8B74C0 #8F80B3 #948DA6 #999A9A #9DA68D #A2B380 #A7C074

#8B74C0 - #A7C074

HSVブレンド

#8B74C0 - #A7C074 | colorate

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

0.0%	0.0% #8B74C0	RGB 139 116 192	#8B74C0
16.7%	16.7% #7482C0	RGB 116 130 192	#7482C0
33.3%	33.3% #74A8C0	RGB 116 168 192	#74A8C0
50.0%	50.0% #74C0B2	RGB 116 192 178	#74C0B2
66.7%	66.7% #74C08C	RGB 116 192 140	#74C08C
83.3%	83.3% #81C074	RGB 129 192 116	#81C074
100.0%	100.0% #A7C074	RGB 167 192 116	#A7C074

#8B74C0 #7482C0 #74A8C0 #74C0B2 #74C08C #81C074 #A7C074

#8B74C0 - #74C0B2 - #A7C074

CSSコード

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

/* HSV Gradation */
div {
    background: -moz-linear-gradient(top, #8B74C0 0%, #74C0B2 50%, #A7C074 100%);
    background: -webkit-linear-gradient(top, #8B74C0 0%, #74C0B2 50%, #A7C074 100%);
    background: linear-gradient(to bottom, #8B74C0 0%, #74C0B2 50%, #A7C074 100%);
}
</style>