#B4518C - #F9ABAB | colorate

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

Blend #B4518C to #F9ABAB

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

RGBブレンド

#B4518C - #F9ABAB | colorate

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

0.0%	0.0% #B4518C	RGB 180 81 140	#B4518C
16.7%	16.7% #BF6091	RGB 191 96 145	#BF6091
33.3%	33.3% #CB6F96	RGB 203 111 150	#CB6F96
50.0%	50.0% #D67E9B	RGB 214 126 155	#D67E9B
66.7%	66.7% #E28DA0	RGB 226 141 160	#E28DA0
83.3%	83.3% #ED9CA5	RGB 237 156 165	#ED9CA5
100.0%	100.0% #F9ABAB	RGB 249 171 171	#F9ABAB

#B4518C #BF6091 #CB6F96 #D67E9B #E28DA0 #ED9CA5 #F9ABAB

#B4518C - #F9ABAB

HSVブレンド

#B4518C - #F9ABAB | colorate

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

0.0%	0.0% #B4518C	RGB 180 81 140	#B4518C
16.7%	16.7% #BF5D8E	RGB 191 93 142	#BF5D8E
33.3%	33.3% #CB6B91	RGB 203 107 145	#CB6B91
50.0%	50.0% #D67995	RGB 214 121 149	#D67995
66.7%	66.7% #E2899A	RGB 226 137 154	#E2899A
83.3%	83.3% #ED99A2	RGB 237 153 162	#ED99A2
100.0%	100.0% #F9ABAB	RGB 249 171 171	#F9ABAB

#B4518C #BF5D8E #CB6B91 #D67995 #E2899A #ED99A2 #F9ABAB

#B4518C - #D67995 - #F9ABAB

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B4518C 0%, #D67995 50%, #F9ABAB 100%);
    background: -webkit-linear-gradient(top, #B4518C 0%, #D67995 50%, #F9ABAB 100%);
    background: linear-gradient(to bottom, #B4518C 0%, #D67995 50%, #F9ABAB 100%);
}
</style>