#7F438F - #440B63 | colorate

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

Blend #7F438F to #440B63

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

RGBブレンド

#7F438F - #440B63 | colorate

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

0.0%	0.0% #7F438F	RGB 127 67 143	#7F438F
16.7%	16.7% #753987	RGB 117 57 135	#753987
33.3%	33.3% #6B3080	RGB 107 48 128	#6B3080
50.0%	50.0% #612779	RGB 97 39 121	#612779
66.7%	66.7% #571D71	RGB 87 29 113	#571D71
83.3%	83.3% #4D146A	RGB 77 20 106	#4D146A
100.0%	100.0% #440B63	RGB 68 11 99	#440B63

#7F438F #753987 #6B3080 #612779 #571D71 #4D146A #440B63

#7F438F - #440B63

HSVブレンド

#7F438F - #440B63 | colorate

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

0.0%	0.0% #7F438F	RGB 127 67 143	#7F438F
16.7%	16.7% #743787	RGB 116 55 135	#743787
33.3%	33.3% #6A2C80	RGB 106 44 128	#6A2C80
50.0%	50.0% #602379	RGB 96 35 121	#602379
66.7%	66.7% #561A71	RGB 86 26 113	#561A71
83.3%	83.3% #4D126A	RGB 77 18 106	#4D126A
100.0%	100.0% #440B63	RGB 68 11 99	#440B63

#7F438F #743787 #6A2C80 #602379 #561A71 #4D126A #440B63

#7F438F - #602379 - #440B63

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7F438F 0%, #602379 50%, #440B63 100%);
    background: -webkit-linear-gradient(top, #7F438F 0%, #602379 50%, #440B63 100%);
    background: linear-gradient(to bottom, #7F438F 0%, #602379 50%, #440B63 100%);
}
</style>