#DBC5E6 - #FFE3DA | colorate

colorate is a color scheme tool for designers and developers. This will help you draw inspiration and serve as a resource for your color work. Make this site better

Blend #DBC5E6 to #FFE3DA

#DBC5E6 #FFE3DA

Calculate the color between two colors, #DBC5E6 and #FFE3DA. In calculation of RGB values, saturation between the dissimilar colors is low. In calculating of HSV values, saturation between the dissimilar colors is not low.

RGB Blend(Linear)

#DBC5E6 - #FFE3DA | colorate

Calculation of color between two colors based on RGB value. For colors that are distant from each other, the saturation between the two colors decreases. Expand the color between two colors with #DBC5E6 as 0% and #FFE3DA as 100%.

0.0%	0.0% #DBC5E6	RGB 219 197 230	#DBC5E6
16.7%	16.7% #E1CAE4	RGB 225 202 228	#E1CAE4
33.3%	33.3% #E7CFE2	RGB 231 207 226	#E7CFE2
50.0%	50.0% #EDD4E0	RGB 237 212 224	#EDD4E0
66.7%	66.7% #F3D9DE	RGB 243 217 222	#F3D9DE
83.3%	83.3% #F9DEDC	RGB 249 222 220	#F9DEDC
100.0%	100.0% #FFE3DA	RGB 255 227 218	#FFE3DA

#DBC5E6 #E1CAE4 #E7CFE2 #EDD4E0 #F3D9DE #F9DEDC #FFE3DA

#DBC5E6 - #FFE3DA

HSV Blend

#DBC5E6 - #FFE3DA | colorate

Calculation of color between two colors based on HSV value. Even between distinct colors of color, the saturation between the two colors does not decrease. Expand the color between two colors with #DBC5E6 as 0% and #FFE3DA as 100%.

0.0%	0.0% #DBC5E6	RGB 219 197 230	#DBC5E6
16.7%	16.7% #E7C8EA	RGB 231 200 234	#E7C8EA
33.3%	33.3% #EECCE7	RGB 238 204 231	#EECCE7
50.0%	50.0% #F2CFE2	RGB 242 207 226	#F2CFE2
66.7%	66.7% #F6D3DD	RGB 246 211 221	#F6D3DD
83.3%	83.3% #FAD6D7	RGB 250 214 215	#FAD6D7
100.0%	100.0% #FFE3DA	RGB 255 227 218	#FFE3DA

#DBC5E6 #E7C8EA #EECCE7 #F2CFE2 #F6D3DD #FAD6D7 #FFE3DA

#DBC5E6 - #F2CFE2 - #FFE3DA

CSS codes

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

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