#BF2B5C - #FF7E6D | colorate

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

Blend #BF2B5C to #FF7E6D

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

RGBブレンド

#BF2B5C - #FF7E6D | colorate

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

0.0%	0.0% #BF2B5C	RGB 191 43 92	#BF2B5C
16.7%	16.7% #C9385E	RGB 201 56 94	#C9385E
33.3%	33.3% #D44661	RGB 212 70 97	#D44661
50.0%	50.0% #DF5464	RGB 223 84 100	#DF5464
66.7%	66.7% #E96267	RGB 233 98 103	#E96267
83.3%	83.3% #F4706A	RGB 244 112 106	#F4706A
100.0%	100.0% #FF7E6D	RGB 255 126 109	#FF7E6D

#BF2B5C #C9385E #D44661 #DF5464 #E96267 #F4706A #FF7E6D

#BF2B5C - #FF7E6D

HSVブレンド

#BF2B5C - #FF7E6D | colorate

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

0.0%	0.0% #BF2B5C	RGB 191 43 92	#BF2B5C
16.7%	16.7% #C9345A	RGB 201 52 90	#C9345A
33.3%	33.3% #D43E59	RGB 212 62 89	#D43E59
50.0%	50.0% #DF4858	RGB 223 72 88	#DF4858
66.7%	66.7% #E95459	RGB 233 84 89	#E95459
83.3%	83.3% #F46660	RGB 244 102 96	#F46660
100.0%	100.0% #FF7E6D	RGB 255 126 109	#FF7E6D

#BF2B5C #C9345A #D43E59 #DF4858 #E95459 #F46660 #FF7E6D

#BF2B5C - #DF4858 - #FF7E6D

CSSコード

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

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