#C8C7AB - #BDD4AB | colorate

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

Blend #C8C7AB to #BDD4AB

#C8C7AB

#BDD4AB

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

RGBブレンド

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

0.0%	0.0% #C8C7AB	RGB 200 199 171	#C8C7AB
16.7%	16.7% #C7C9AB	RGB 199 201 171	#C7C9AB
33.3%	33.3% #C5CBAB	RGB 197 203 171	#C5CBAB
50.0%	50.0% #C3CDAB	RGB 195 205 171	#C3CDAB
66.7%	66.7% #C1CFAB	RGB 193 207 171	#C1CFAB
83.3%	83.3% #BFD1AB	RGB 191 209 171	#BFD1AB
100.0%	100.0% #BDD4AB	RGB 189 212 171	#BDD4AB

#C8C7AB #C7C9AB #C5CBAB #C3CDAB #C1CFAB #BFD1AB #BDD4AB

#C8C7AB - #BDD4AB

HSVブレンド

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

0.0%	0.0% #C8C7AB	RGB 200 199 171	#C8C7AB
16.7%	16.7% #C7CAAB	RGB 199 202 171	#C7CAAB
33.3%	33.3% #C6CCAB	RGB 198 204 171	#C6CCAB
50.0%	50.0% #C4CEAB	RGB 196 206 171	#C4CEAB
66.7%	66.7% #C2D0AB	RGB 194 208 171	#C2D0AB
83.3%	83.3% #C0D2AB	RGB 192 210 171	#C0D2AB
100.0%	100.0% #BDD4AB	RGB 189 212 171	#BDD4AB

#C8C7AB #C7CAAB #C6CCAB #C4CEAB #C2D0AB #C0D2AB #BDD4AB

#C8C7AB - #C4CEAB - #BDD4AB

CSSコード

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

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