#C61B05 - #64140C | colorate

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

Blend #C61B05 to #64140C

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

RGBブレンド

#C61B05 - #64140C | colorate

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

0.0%	0.0% #C61B05	RGB 198 27 5	#C61B05
16.7%	16.7% #B51906	RGB 181 25 6	#B51906
33.3%	33.3% #A51807	RGB 165 24 7	#A51807
50.0%	50.0% #951708	RGB 149 23 8	#951708
66.7%	66.7% #841609	RGB 132 22 9	#841609
83.3%	83.3% #74150A	RGB 116 21 10	#74150A
100.0%	100.0% #64140C	RGB 100 20 12	#64140C

#C61B05 #B51906 #A51807 #951708 #841609 #74150A #64140C

#C61B05 - #64140C

HSVブレンド

#C61B05 - #64140C | colorate

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

0.0%	0.0% #C61B04	RGB 198 27 4	#C61B04
16.7%	16.7% #B51A07	RGB 181 26 7	#B51A07
33.3%	33.3% #A51909	RGB 165 25 9	#A51909
50.0%	50.0% #95180A	RGB 149 24 10	#95180A
66.7%	66.7% #84170B	RGB 132 23 11	#84170B
83.3%	83.3% #74150C	RGB 116 21 12	#74150C
100.0%	100.0% #64140C	RGB 100 20 12	#64140C

#C61B04 #B51A07 #A51909 #95180A #84170B #74150C #64140C

#C61B05 - #95180A - #64140C

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C61B04 0%, #95180A 50%, #64140C 100%);
    background: -webkit-linear-gradient(top, #C61B04 0%, #95180A 50%, #64140C 100%);
    background: linear-gradient(to bottom, #C61B04 0%, #95180A 50%, #64140C 100%);
}
</style>