#B05487 - #E8CEDC | colorate

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

Blend #B05487 to #E8CEDC

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

RGBブレンド

#B05487 - #E8CEDC | colorate

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

0.0%	0.0% #B05487	RGB 176 84 135	#B05487
16.7%	16.7% #B96895	RGB 185 104 149	#B96895
33.3%	33.3% #C27CA3	RGB 194 124 163	#C27CA3
50.0%	50.0% #CC91B1	RGB 204 145 177	#CC91B1
66.7%	66.7% #D5A5BF	RGB 213 165 191	#D5A5BF
83.3%	83.3% #DEB9CD	RGB 222 185 205	#DEB9CD
100.0%	100.0% #E8CEDC	RGB 232 206 220	#E8CEDC

#B05487 #B96895 #C27CA3 #CC91B1 #D5A5BF #DEB9CD #E8CEDC

#B05487 - #E8CEDC

HSVブレンド

#B05487 - #E8CEDC | colorate

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

0.0%	0.0% #B05487	RGB 176 84 135	#B05487
16.7%	16.7% #B96593	RGB 185 101 147	#B96593
33.3%	33.3% #C277A0	RGB 194 119 160	#C277A0
50.0%	50.0% #CC8BAE	RGB 204 139 174	#CC8BAE
66.7%	66.7% #D5A0BD	RGB 213 160 189	#D5A0BD
83.3%	83.3% #DEB6CC	RGB 222 182 204	#DEB6CC
100.0%	100.0% #E8CEDC	RGB 232 206 220	#E8CEDC

#B05487 #B96593 #C277A0 #CC8BAE #D5A0BD #DEB6CC #E8CEDC

#B05487 - #CC8BAE - #E8CEDC

CSSコード

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

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