#CFAEAF - #AEAECF | colorate

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

Blend #CFAEAF to #AEAECF

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

RGBブレンド

#CFAEAF - #AEAECF | colorate

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

0.0%	0.0% #CFAEAF	RGB 207 174 175	#CFAEAF
16.7%	16.7% #C9AEB4	RGB 201 174 180	#C9AEB4
33.3%	33.3% #C4AEB9	RGB 196 174 185	#C4AEB9
50.0%	50.0% #BEAEBF	RGB 190 174 191	#BEAEBF
66.7%	66.7% #B9AEC4	RGB 185 174 196	#B9AEC4
83.3%	83.3% #B3AEC9	RGB 179 174 201	#B3AEC9
100.0%	100.0% #AEAECF	RGB 174 174 207	#AEAECF

#CFAEAF #C9AEB4 #C4AEB9 #BEAEBF #B9AEC4 #B3AEC9 #AEAECF

#CFAEAF - #AEAECF

HSVブレンド

#CFAEAF - #AEAECF | colorate

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

0.0%	0.0% #CFAEAF	RGB 207 174 175	#CFAEAF
16.7%	16.7% #CFAEB9	RGB 207 174 185	#CFAEB9
33.3%	33.3% #CFAEC4	RGB 207 174 196	#CFAEC4
50.0%	50.0% #CEAECF	RGB 206 174 207	#CEAECF
66.7%	66.7% #C3AECF	RGB 195 174 207	#C3AECF
83.3%	83.3% #B8AECF	RGB 184 174 207	#B8AECF
100.0%	100.0% #AEAECF	RGB 174 174 207	#AEAECF

#CFAEAF #CFAEB9 #CFAEC4 #CEAECF #C3AECF #B8AECF #AEAECF

#CFAEAF - #CEAECF - #AEAECF

CSSコード

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

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