#875B95 - #130C15 | colorate

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

Blend #875B95 to #130C15

#875B95

#130C15

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

RGBブレンド

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

0.0%	0.0% #875B95	RGB 135 91 149	#875B95
16.7%	16.7% #744E80	RGB 116 78 128	#744E80
33.3%	33.3% #61416B	RGB 97 65 107	#61416B
50.0%	50.0% #4D3455	RGB 77 52 85	#4D3455
66.7%	66.7% #3A2740	RGB 58 39 64	#3A2740
83.3%	83.3% #271A2B	RGB 39 26 43	#271A2B
100.0%	100.0% #130C15	RGB 19 12 21	#130C15

#875B95 #744E80 #61416B #4D3455 #3A2740 #271A2B #130C15

#875B95 - #130C15

HSVブレンド

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

0.0%	0.0% #875B95	RGB 135 91 149	#875B95
16.7%	16.7% #734D7F	RGB 115 77 127	#734D7F
33.3%	33.3% #603F6A	RGB 96 63 106	#603F6A
50.0%	50.0% #4C3255	RGB 76 50 85	#4C3255
66.7%	66.7% #39253F	RGB 57 37 63	#39253F
83.3%	83.3% #26182A	RGB 38 24 42	#26182A
100.0%	100.0% #130C15	RGB 19 12 21	#130C15

#875B95 #734D7F #603F6A #4C3255 #39253F #26182A #130C15

#875B95 - #4C3255 - #130C15

CSSコード

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

/* HSV Gradation */
div {                
    background: -moz-linear-gradient(top, #875B95 0%, #4C3255 50%, #130C15 100%);
    background: -webkit-linear-gradient(top, #875B95 0%, #4C3255 50%, #130C15 100%);
    background: linear-gradient(to bottom, #875B95 0%, #4C3255 50%, #130C15 100%); 
}
</style>