#8A8AFF - #272CCB | colorate

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

Blend #8A8AFF to #272CCB

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

RGBブレンド

#8A8AFF - #272CCB | colorate

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

0.0%	0.0% #8A8AFF	RGB 138 138 255	#8A8AFF
16.7%	16.7% #797AF6	RGB 121 122 246	#797AF6
33.3%	33.3% #696AED	RGB 105 106 237	#696AED
50.0%	50.0% #585BE5	RGB 88 91 229	#585BE5
66.7%	66.7% #484BDC	RGB 72 75 220	#484BDC
83.3%	83.3% #373BD3	RGB 55 59 211	#373BD3
100.0%	100.0% #272CCB	RGB 39 44 203	#272CCB

#8A8AFF #797AF6 #696AED #585BE5 #484BDC #373BD3 #272CCB

#8A8AFF - #272CCB

HSVブレンド

#8A8AFF - #272CCB | colorate

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

0.0%	0.0% #8A8AFF	RGB 138 138 255	#8A8AFF
16.7%	16.7% #7677F6	RGB 118 119 246	#7677F6
33.3%	33.3% #6466ED	RGB 100 102 237	#6466ED
50.0%	50.0% #5356E5	RGB 83 86 229	#5356E5
66.7%	66.7% #4347DC	RGB 67 71 220	#4347DC
83.3%	83.3% #3439D3	RGB 52 57 211	#3439D3
100.0%	100.0% #272CCB	RGB 39 44 203	#272CCB

#8A8AFF #7677F6 #6466ED #5356E5 #4347DC #3439D3 #272CCB

#8A8AFF - #5356E5 - #272CCB

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8A8AFF 0%, #5356E5 50%, #272CCB 100%);
    background: -webkit-linear-gradient(top, #8A8AFF 0%, #5356E5 50%, #272CCB 100%);
    background: linear-gradient(to bottom, #8A8AFF 0%, #5356E5 50%, #272CCB 100%);
}
</style>