#DBC7E4 - #FBFFDD | 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 #DBC7E4 to #FBFFDD

#DBC7E4 #FBFFDD

Calculate the color between two colors, #DBC7E4 and #FBFFDD. 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)

#DBC7E4 - #FBFFDD | 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 #DBC7E4 as 0% and #FBFFDD as 100%.

0.0%	0.0% #DBC7E4	RGB 219 199 228	#DBC7E4
16.7%	16.7% #E0D0E2	RGB 224 208 226	#E0D0E2
33.3%	33.3% #E5D9E1	RGB 229 217 225	#E5D9E1
50.0%	50.0% #EBE3E0	RGB 235 227 224	#EBE3E0
66.7%	66.7% #F0ECDF	RGB 240 236 223	#F0ECDF
83.3%	83.3% #F5F5DE	RGB 245 245 222	#F5F5DE
100.0%	100.0% #FBFFDD	RGB 251 255 221	#FBFFDD

#DBC7E4 #E0D0E2 #E5D9E1 #EBE3E0 #F0ECDF #F5F5DE #FBFFDD

#DBC7E4 - #FBFFDD

HSV Blend

#DBC7E4 - #FBFFDD | 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 #DBC7E4 as 0% and #FBFFDD as 100%.

0.0%	0.0% #DBC7E4	RGB 219 199 228	#DBC7E4
16.7%	16.7% #E8CAE5	RGB 232 202 229	#E8CAE5
33.3%	33.3% #EDCEDD	RGB 237 206 221	#EDCEDD
50.0%	50.0% #F1D2D5	RGB 241 210 213	#F1D2D5
66.7%	66.7% #F6DFD5	RGB 246 223 213	#F6DFD5
83.3%	83.3% #FAF0D9	RGB 250 240 217	#FAF0D9
100.0%	100.0% #FBFFDD	RGB 251 255 221	#FBFFDD

#DBC7E4 #E8CAE5 #EDCEDD #F1D2D5 #F6DFD5 #FAF0D9 #FBFFDD

#DBC7E4 - #F1D2D5 - #FBFFDD

CSS codes

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

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