#DBB3A8 - #DDE5EB | 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 #DBB3A8 to #DDE5EB

#DBB3A8 #DDE5EB

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

#DBB3A8 - #DDE5EB | 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 #DBB3A8 as 0% and #DDE5EB as 100%.

0.0%	0.0% #DBB3A8	RGB 219 179 168	#DBB3A8
16.7%	16.7% #DBBBB3	RGB 219 187 179	#DBBBB3
33.3%	33.3% #DBC3BE	RGB 219 195 190	#DBC3BE
50.0%	50.0% #DCCCC9	RGB 220 204 201	#DCCCC9
66.7%	66.7% #DCD4D4	RGB 220 212 212	#DCD4D4
83.3%	83.3% #DCDCDF	RGB 220 220 223	#DCDCDF
100.0%	100.0% #DDE5EB	RGB 221 229 235	#DDE5EB

#DBB3A8 #DBBBB3 #DBC3BE #DCCCC9 #DCD4D4 #DCDCDF #DDE5EB

#DBB3A8 - #DDE5EB

HSV Blend

#DBB3A8 - #DDE5EB | 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 #DBB3A8 as 0% and #DDE5EB as 100%.

0.0%	0.0% #DBB3A8	RGB 219 179 168	#DBB3A8
16.7%	16.7% #DDB0BB	RGB 221 176 187	#DDB0BB
33.3%	33.3% #E0B9D5	RGB 224 185 213	#E0B9D5
50.0%	50.0% #DDC1E3	RGB 221 193 227	#DDC1E3
66.7%	66.7% #D4CAE5	RGB 212 202 229	#D4CAE5
83.3%	83.3% #D3D5E8	RGB 211 213 232	#D3D5E8
100.0%	100.0% #DDE5EB	RGB 221 229 235	#DDE5EB

#DBB3A8 #DDB0BB #E0B9D5 #DDC1E3 #D4CAE5 #D3D5E8 #DDE5EB

#DBB3A8 - #DDC1E3 - #DDE5EB

CSS codes

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

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