#CECACE - #FFE2ED | colorate

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

Blend #CECACE to #FFE2ED

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

RGBブレンド

#CECACE - #FFE2ED | colorate

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

0.0%	0.0% #CECACE	RGB 206 202 206	#CECACE
16.7%	16.7% #D6CED3	RGB 214 206 211	#D6CED3
33.3%	33.3% #DED2D8	RGB 222 210 216	#DED2D8
50.0%	50.0% #E6D6DD	RGB 230 214 221	#E6D6DD
66.7%	66.7% #EEDAE2	RGB 238 218 226	#EEDAE2
83.3%	83.3% #F6DEE7	RGB 246 222 231	#F6DEE7
100.0%	100.0% #FFE2ED	RGB 255 226 237	#FFE2ED

#CECACE #D6CED3 #DED2D8 #E6D6DD #EEDAE2 #F6DEE7 #FFE2ED

#CECACE - #FFE2ED

HSVブレンド

#CECACE - #FFE2ED | colorate

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

0.0%	0.0% #CECACE	RGB 206 202 206	#CECACE
16.7%	16.7% #D6CED5	RGB 214 206 213	#D6CED5
33.3%	33.3% #DED3DB	RGB 222 211 219	#DED3DB
50.0%	50.0% #E6D7E1	RGB 230 215 225	#E6D7E1
66.7%	66.7% #EEDBE6	RGB 238 219 230	#EEDBE6
83.3%	83.3% #F6DEEA	RGB 246 222 234	#F6DEEA
100.0%	100.0% #FFE2ED	RGB 255 226 237	#FFE2ED

#CECACE #D6CED5 #DED3DB #E6D7E1 #EEDBE6 #F6DEEA #FFE2ED

#CECACE - #E6D7E1 - #FFE2ED

CSSコード

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

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