#CC8A96 - #1D1313 | colorate

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

Blend #CC8A96 to #1D1313

#CC8A96

#1D1313

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

RGBブレンド

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

0.0%	0.0% #CC8A96	RGB 204 138 150	#CC8A96
16.7%	16.7% #AF7781	RGB 175 119 129	#AF7781
33.3%	33.3% #92636B	RGB 146 99 107	#92636B
50.0%	50.0% #754F55	RGB 117 79 85	#754F55
66.7%	66.7% #583B3F	RGB 88 59 63	#583B3F
83.3%	83.3% #3B2729	RGB 59 39 41	#3B2729
100.0%	100.0% #1D1313	RGB 29 19 19	#1D1313

#CC8A96 #AF7781 #92636B #754F55 #583B3F #3B2729 #1D1313

#CC8A96 - #1D1313

HSVブレンド

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

0.0%	0.0% #CC8A95	RGB 204 138 149	#CC8A95
16.7%	16.7% #AE757E	RGB 174 117 126	#AE757E
33.3%	33.3% #916167	RGB 145 97 103	#916167
50.0%	50.0% #744D51	RGB 116 77 81	#744D51
66.7%	66.7% #57393B	RGB 87 57 59	#57393B
83.3%	83.3% #3A2626	RGB 58 38 38	#3A2626
100.0%	100.0% #1D1313	RGB 29 19 19	#1D1313

#CC8A95 #AE757E #916167 #744D51 #57393B #3A2626 #1D1313

#CC8A95 - #744D51 - #1D1313

CSSコード

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

/* HSV Gradation */
div {                
    background: -moz-linear-gradient(top, #CC8A95 0%, #744D51 50%, #1D1313 100%);
    background: -webkit-linear-gradient(top, #CC8A95 0%, #744D51 50%, #1D1313 100%);
    background: linear-gradient(to bottom, #CC8A95 0%, #744D51 50%, #1D1313 100%); 
}
</style>