#DD3E5D - #FFBFA8 | colorate

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

Blend #DD3E5D to #FFBFA8

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

RGBブレンド

#DD3E5D - #FFBFA8 | colorate

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

0.0%	0.0% #DD3E5D	RGB 221 62 93	#DD3E5D
16.7%	16.7% #E25369	RGB 226 83 105	#E25369
33.3%	33.3% #E86976	RGB 232 105 118	#E86976
50.0%	50.0% #EE7E82	RGB 238 126 130	#EE7E82
66.7%	66.7% #F3948F	RGB 243 148 143	#F3948F
83.3%	83.3% #F9A99B	RGB 249 169 155	#F9A99B
100.0%	100.0% #FFBFA8	RGB 255 191 168	#FFBFA8

#DD3E5D #E25369 #E86976 #EE7E82 #F3948F #F9A99B #FFBFA8

#DD3E5D - #FFBFA8

HSVブレンド

#DD3E5D - #FFBFA8 | colorate

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

0.0%	0.0% #DD3E5D	RGB 221 62 93	#DD3E5D
16.7%	16.7% #E24D5F	RGB 226 77 95	#E24D5F
33.3%	33.3% #E85E64	RGB 232 94 100	#E85E64
50.0%	50.0% #EE746F	RGB 238 116 111	#EE746F
66.7%	66.7% #F38E81	RGB 243 142 129	#F38E81
83.3%	83.3% #F9A794	RGB 249 167 148	#F9A794
100.0%	100.0% #FFBFA8	RGB 255 191 168	#FFBFA8

#DD3E5D #E24D5F #E85E64 #EE746F #F38E81 #F9A794 #FFBFA8

#DD3E5D - #EE746F - #FFBFA8

CSSコード

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

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