#5875DC - #182A8E | colorate

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

Blend #5875DC to #182A8E

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

RGBブレンド

#5875DC - #182A8E | colorate

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

0.0%	0.0% #5875DC	RGB 88 117 220	#5875DC
16.7%	16.7% #4D68CF	RGB 77 104 207	#4D68CF
33.3%	33.3% #425CC2	RGB 66 92 194	#425CC2
50.0%	50.0% #384FB5	RGB 56 79 181	#384FB5
66.7%	66.7% #2D43A8	RGB 45 67 168	#2D43A8
83.3%	83.3% #22369B	RGB 34 54 155	#22369B
100.0%	100.0% #182A8E	RGB 24 42 142	#182A8E

#5875DC #4D68CF #425CC2 #384FB5 #2D43A8 #22369B #182A8E

#5875DC - #182A8E

HSVブレンド

#5875DC - #182A8E | colorate

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

0.0%	0.0% #5875DC	RGB 88 117 220	#5875DC
16.7%	16.7% #4A66CF	RGB 74 102 207	#4A66CF
33.3%	33.3% #3E58C2	RGB 62 88 194	#3E58C2
50.0%	50.0% #334BB5	RGB 51 75 181	#334BB5
66.7%	66.7% #293FA8	RGB 41 63 168	#293FA8
83.3%	83.3% #20349B	RGB 32 52 155	#20349B
100.0%	100.0% #182A8E	RGB 24 42 142	#182A8E

#5875DC #4A66CF #3E58C2 #334BB5 #293FA8 #20349B #182A8E

#5875DC - #334BB5 - #182A8E

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5875DC 0%, #334BB5 50%, #182A8E 100%);
    background: -webkit-linear-gradient(top, #5875DC 0%, #334BB5 50%, #182A8E 100%);
    background: linear-gradient(to bottom, #5875DC 0%, #334BB5 50%, #182A8E 100%);
}
</style>