#B7383F - #FF8046 | colorate

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

Blend #B7383F to #FF8046

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

RGBブレンド

#B7383F - #FF8046 | colorate

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

0.0%	0.0% #B7383F	RGB 183 56 63	#B7383F
16.7%	16.7% #C34440	RGB 195 68 64	#C34440
33.3%	33.3% #CF5041	RGB 207 80 65	#CF5041
50.0%	50.0% #DB5C42	RGB 219 92 66	#DB5C42
66.7%	66.7% #E76843	RGB 231 104 67	#E76843
83.3%	83.3% #F37444	RGB 243 116 68	#F37444
100.0%	100.0% #FF8046	RGB 255 128 70	#FF8046

#B7383F #C34440 #CF5041 #DB5C42 #E76843 #F37444 #FF8046

#B7383F - #FF8046

HSVブレンド

#B7383F - #FF8046 | colorate

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

0.0%	0.0% #B7383E	RGB 183 56 62	#B7383E
16.7%	16.7% #C33B3A	RGB 195 59 58	#C33B3A
33.3%	33.3% #CF473D	RGB 207 71 61	#CF473D
50.0%	50.0% #DB533F	RGB 219 83 63	#DB533F
66.7%	66.7% #E76141	RGB 231 97 65	#E76141
83.3%	83.3% #F37043	RGB 243 112 67	#F37043
100.0%	100.0% #FF8046	RGB 255 128 70	#FF8046

#B7383E #C33B3A #CF473D #DB533F #E76141 #F37043 #FF8046

#B7383F - #DB533F - #FF8046

CSSコード

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

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