#99AC8F - #A28FAC | colorate

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

Blend #99AC8F to #A28FAC

#99AC8F

#A28FAC

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

RGBブレンド

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

0.0%	0.0% #99AC8F	RGB 153 172 143	#99AC8F
16.7%	16.7% #9AA893	RGB 154 168 147	#9AA893
33.3%	33.3% #9CA398	RGB 156 163 152	#9CA398
50.0%	50.0% #9D9E9D	RGB 157 158 157	#9D9E9D
66.7%	66.7% #9F99A2	RGB 159 153 162	#9F99A2
83.3%	83.3% #A094A7	RGB 160 148 167	#A094A7
100.0%	100.0% #A28FAC	RGB 162 143 172	#A28FAC

#99AC8F #9AA893 #9CA398 #9D9E9D #9F99A2 #A094A7 #A28FAC

#99AC8F - #A28FAC

HSVブレンド

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

0.0%	0.0% #99AC8F	RGB 153 172 143	#99AC8F
16.7%	16.7% #8FAC93	RGB 143 172 147	#8FAC93
33.3%	33.3% #8FACA2	RGB 143 172 162	#8FACA2
50.0%	50.0% #8FA7AC	RGB 143 167 172	#8FA7AC
66.7%	66.7% #8F99AC	RGB 143 153 172	#8F99AC
83.3%	83.3% #938FAC	RGB 147 143 172	#938FAC
100.0%	100.0% #A28FAC	RGB 162 143 172	#A28FAC

#99AC8F #8FAC93 #8FACA2 #8FA7AC #8F99AC #938FAC #A28FAC

#99AC8F - #8FA7AC - #A28FAC

CSSコード

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

/* HSV Gradation */
div {                
    background: -moz-linear-gradient(top, #99AC8F 0%, #8FA7AC 50%, #A28FAC 100%);
    background: -webkit-linear-gradient(top, #99AC8F 0%, #8FA7AC 50%, #A28FAC 100%);
    background: linear-gradient(to bottom, #99AC8F 0%, #8FA7AC 50%, #A28FAC 100%); 
}
</style>