#C0C3BE - #98A994 | colorate

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

Blend #C0C3BE to #98A994

#C0C3BE

#98A994

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

RGBブレンド

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

0.0%	0.0% #C0C3BE	RGB 192 195 190	#C0C3BE
16.7%	16.7% #BABFB7	RGB 186 191 183	#BABFB7
33.3%	33.3% #B3BBB0	RGB 179 187 176	#B3BBB0
50.0%	50.0% #ACB6A9	RGB 172 182 169	#ACB6A9
66.7%	66.7% #A6B2A2	RGB 166 178 162	#A6B2A2
83.3%	83.3% #9FAE9B	RGB 159 174 155	#9FAE9B
100.0%	100.0% #98A994	RGB 152 169 148	#98A994

#C0C3BE #BABFB7 #B3BBB0 #ACB6A9 #A6B2A2 #9FAE9B #98A994

#C0C3BE - #98A994

HSVブレンド

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

0.0%	0.0% #C0C3BE	RGB 192 195 190	#C0C3BE
16.7%	16.7% #B9BEB6	RGB 185 190 182	#B9BEB6
33.3%	33.3% #B3BAAF	RGB 179 186 175	#B3BAAF
50.0%	50.0% #ACB6A8	RGB 172 182 168	#ACB6A8
66.7%	66.7% #A5B1A1	RGB 165 177 161	#A5B1A1
83.3%	83.3% #9EAD9A	RGB 158 173 154	#9EAD9A
100.0%	100.0% #98A994	RGB 152 169 148	#98A994

#C0C3BE #B9BEB6 #B3BAAF #ACB6A8 #A5B1A1 #9EAD9A #98A994

#C0C3BE - #ACB6A8 - #98A994

CSSコード

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

/* HSV Gradation */
div {                
    background: -moz-linear-gradient(top, #C0C3BE 0%, #ACB6A8 50%, #98A994 100%);
    background: -webkit-linear-gradient(top, #C0C3BE 0%, #ACB6A8 50%, #98A994 100%);
    background: linear-gradient(to bottom, #C0C3BE 0%, #ACB6A8 50%, #98A994 100%); 
}
</style>