#DA353F - #FF8741 | colorate

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

Blend #DA353F to #FF8741

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

RGBブレンド

#DA353F - #FF8741 | colorate

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

0.0%	0.0% #DA353F	RGB 218 53 63	#DA353F
16.7%	16.7% #E0423F	RGB 224 66 63	#E0423F
33.3%	33.3% #E6503F	RGB 230 80 63	#E6503F
50.0%	50.0% #EC5E40	RGB 236 94 64	#EC5E40
66.7%	66.7% #F26B40	RGB 242 107 64	#F26B40
83.3%	83.3% #F87940	RGB 248 121 64	#F87940
100.0%	100.0% #FF8741	RGB 255 135 65	#FF8741

#DA353F #E0423F #E6503F #EC5E40 #F26B40 #F87940 #FF8741

#DA353F - #FF8741

HSVブレンド

#DA353F - #FF8741 | colorate

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

0.0%	0.0% #DA343F	RGB 218 52 63	#DA343F
16.7%	16.7% #E03836	RGB 224 56 54	#E03836
33.3%	33.3% #E64738	RGB 230 71 56	#E64738
50.0%	50.0% #EC563A	RGB 236 86 58	#EC563A
66.7%	66.7% #F2653C	RGB 242 101 60	#F2653C
83.3%	83.3% #F8763E	RGB 248 118 62	#F8763E
100.0%	100.0% #FF8741	RGB 255 135 65	#FF8741

#DA343F #E03836 #E64738 #EC563A #F2653C #F8763E #FF8741

#DA353F - #EC563A - #FF8741

CSSコード

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

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