#B61A36 - #FF5E38 | colorate

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

Blend #B61A36 to #FF5E38

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

RGBブレンド

#B61A36 - #FF5E38 | colorate

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

0.0%	0.0% #B61A36	RGB 182 26 54	#B61A36
16.7%	16.7% #C22536	RGB 194 37 54	#C22536
33.3%	33.3% #CE3036	RGB 206 48 54	#CE3036
50.0%	50.0% #DA3C37	RGB 218 60 55	#DA3C37
66.7%	66.7% #E64737	RGB 230 71 55	#E64737
83.3%	83.3% #F25237	RGB 242 82 55	#F25237
100.0%	100.0% #FF5E38	RGB 255 94 56	#FF5E38

#B61A36 #C22536 #CE3036 #DA3C37 #E64737 #F25237 #FF5E38

#B61A36 - #FF5E38

HSVブレンド

#B61A36 - #FF5E38 | colorate

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

0.0%	0.0% #B61936	RGB 182 25 54	#B61936
16.7%	16.7% #C21E31	RGB 194 30 49	#C21E31
33.3%	33.3% #CE222C	RGB 206 34 44	#CE222C
50.0%	50.0% #DA2827	RGB 218 40 39	#DA2827
66.7%	66.7% #E6392C	RGB 230 57 44	#E6392C
83.3%	83.3% #F24B32	RGB 242 75 50	#F24B32
100.0%	100.0% #FF5E38	RGB 255 94 56	#FF5E38

#B61936 #C21E31 #CE222C #DA2827 #E6392C #F24B32 #FF5E38

#B61A36 - #DA2827 - #FF5E38

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B61936 0%, #DA2827 50%, #FF5E38 100%);
    background: -webkit-linear-gradient(top, #B61936 0%, #DA2827 50%, #FF5E38 100%);
    background: linear-gradient(to bottom, #B61936 0%, #DA2827 50%, #FF5E38 100%);
}
</style>