#250B5E - #834A8D | colorate

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

Blend #250B5E to #834A8D

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

RGBブレンド

#250B5E - #834A8D | colorate

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

0.0%	0.0% #250B5E	RGB 37 11 94	#250B5E
16.7%	16.7% #341565	RGB 52 21 101	#341565
33.3%	33.3% #44206D	RGB 68 32 109	#44206D
50.0%	50.0% #542A75	RGB 84 42 117	#542A75
66.7%	66.7% #63357D	RGB 99 53 125	#63357D
83.3%	83.3% #733F85	RGB 115 63 133	#733F85
100.0%	100.0% #834A8D	RGB 131 74 141	#834A8D

#250B5E #341565 #44206D #542A75 #63357D #733F85 #834A8D

#250B5E - #834A8D

HSVブレンド

#250B5E - #834A8D | colorate

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

0.0%	0.0% #250A5E	RGB 37 10 94	#250A5E
16.7%	16.7% #341265	RGB 52 18 101	#341265
33.3%	33.3% #441B6D	RGB 68 27 109	#441B6D
50.0%	50.0% #542575	RGB 84 37 117	#542575
66.7%	66.7% #64307D	RGB 100 48 125	#64307D
83.3%	83.3% #733C85	RGB 115 60 133	#733C85
100.0%	100.0% #834A8D	RGB 131 74 141	#834A8D

#250A5E #341265 #441B6D #542575 #64307D #733C85 #834A8D

#250B5E - #542575 - #834A8D

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #250A5E 0%, #542575 50%, #834A8D 100%);
    background: -webkit-linear-gradient(top, #250A5E 0%, #542575 50%, #834A8D 100%);
    background: linear-gradient(to bottom, #250A5E 0%, #542575 50%, #834A8D 100%);
}
</style>