#FF266D - #960030 | colorate

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

Blend #FF266D to #960030

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

RGBブレンド

#FF266D - #960030 | colorate

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

0.0%	0.0% #FF266D	RGB 255 38 109	#FF266D
16.7%	16.7% #ED1F62	RGB 237 31 98	#ED1F62
33.3%	33.3% #DC1958	RGB 220 25 88	#DC1958
50.0%	50.0% #CA134E	RGB 202 19 78	#CA134E
66.7%	66.7% #B90C44	RGB 185 12 68	#B90C44
83.3%	83.3% #A7063A	RGB 167 6 58	#A7063A
100.0%	100.0% #960030	RGB 150 0 48	#960030

#FF266D #ED1F62 #DC1958 #CA134E #B90C44 #A7063A #960030

#FF266D - #960030

HSVブレンド

#FF266D - #960030 | colorate

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

0.0%	0.0% #FF256D	RGB 255 37 109	#FF256D
16.7%	16.7% #ED1D61	RGB 237 29 97	#ED1D61
33.3%	33.3% #DC1556	RGB 220 21 86	#DC1556
50.0%	50.0% #CA0F4B	RGB 202 15 75	#CA0F4B
66.7%	66.7% #B90941	RGB 185 9 65	#B90941
83.3%	83.3% #A70438	RGB 167 4 56	#A70438
100.0%	100.0% #960030	RGB 150 0 48	#960030

#FF256D #ED1D61 #DC1556 #CA0F4B #B90941 #A70438 #960030

#FF266D - #CA0F4B - #960030

CSSコード

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

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