#5E78DB - #BA91FF | colorate

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

Blend #5E78DB to #BA91FF

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

RGBブレンド

#5E78DB - #BA91FF | colorate

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

0.0%	0.0% #5E78DB	RGB 94 120 219	#5E78DB
16.7%	16.7% #6D7CE1	RGB 109 124 225	#6D7CE1
33.3%	33.3% #7C80E7	RGB 124 128 231	#7C80E7
50.0%	50.0% #8C84ED	RGB 140 132 237	#8C84ED
66.7%	66.7% #9B88F3	RGB 155 136 243	#9B88F3
83.3%	83.3% #AA8CF9	RGB 170 140 249	#AA8CF9
100.0%	100.0% #BA91FF	RGB 186 145 255	#BA91FF

#5E78DB #6D7CE1 #7C80E7 #8C84ED #9B88F3 #AA8CF9 #BA91FF

#5E78DB - #BA91FF

HSVブレンド

#5E78DB - #BA91FF | colorate

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

0.0%	0.0% #5E78DB	RGB 94 120 219	#5E78DB
16.7%	16.7% #6573E1	RGB 101 115 225	#6573E1
33.3%	33.3% #6D6FE7	RGB 109 111 231	#6D6FE7
50.0%	50.0% #8076ED	RGB 128 118 237	#8076ED
66.7%	66.7% #937EF3	RGB 147 126 243	#937EF3
83.3%	83.3% #A787F9	RGB 167 135 249	#A787F9
100.0%	100.0% #BA91FF	RGB 186 145 255	#BA91FF

#5E78DB #6573E1 #6D6FE7 #8076ED #937EF3 #A787F9 #BA91FF

#5E78DB - #8076ED - #BA91FF

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E78DB 0%, #8076ED 50%, #BA91FF 100%);
    background: -webkit-linear-gradient(top, #5E78DB 0%, #8076ED 50%, #BA91FF 100%);
    background: linear-gradient(to bottom, #5E78DB 0%, #8076ED 50%, #BA91FF 100%);
}
</style>