#CEC95C - #FA9CD4 | colorate

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

Blend #CEC95C to #FA9CD4

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

RGBブレンド

#CEC95C - #FA9CD4 | colorate

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

0.0%	0.0% #CEC95C	RGB 206 201 92	#CEC95C
16.7%	16.7% #D5C170	RGB 213 193 112	#D5C170
33.3%	33.3% #DCBA84	RGB 220 186 132	#DCBA84
50.0%	50.0% #E4B298	RGB 228 178 152	#E4B298
66.7%	66.7% #EBABAC	RGB 235 171 172	#EBABAC
83.3%	83.3% #F2A3C0	RGB 242 163 192	#F2A3C0
100.0%	100.0% #FA9CD4	RGB 250 156 212	#FA9CD4

#CEC95C #D5C170 #DCBA84 #E4B298 #EBABAC #F2A3C0 #FA9CD4

#CEC95C - #FA9CD4

HSVブレンド

#CEC95C - #FA9CD4 | colorate

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

0.0%	0.0% #CEC95C	RGB 206 201 92	#CEC95C
16.7%	16.7% #D5B365	RGB 213 179 101	#D5B365
33.3%	33.3% #DC9F6F	RGB 220 159 111	#DC9F6F
50.0%	50.0% #E48D7A	RGB 228 141 122	#E48D7A
66.7%	66.7% #EB848C	RGB 235 132 140	#EB848C
83.3%	83.3% #F290B1	RGB 242 144 177	#F290B1
100.0%	100.0% #FA9CD4	RGB 250 156 212	#FA9CD4

#CEC95C #D5B365 #DC9F6F #E48D7A #EB848C #F290B1 #FA9CD4

#CEC95C - #E48D7A - #FA9CD4

CSSコード

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

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