#DDBCBC - #FBFFE5 | 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 #DDBCBC to #FBFFE5

#DDBCBC #FBFFE5

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

#DDBCBC - #FBFFE5 | 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 #DDBCBC as 0% and #FBFFE5 as 100%.

0.0%	0.0% #DDBCBC	RGB 221 188 188	#DDBCBC
16.7%	16.7% #E2C7C2	RGB 226 199 194	#E2C7C2
33.3%	33.3% #E7D2C9	RGB 231 210 201	#E7D2C9
50.0%	50.0% #ECDDD0	RGB 236 221 208	#ECDDD0
66.7%	66.7% #F1E8D7	RGB 241 232 215	#F1E8D7
83.3%	83.3% #F6F3DE	RGB 246 243 222	#F6F3DE
100.0%	100.0% #FBFFE5	RGB 251 255 229	#FBFFE5

#DDBCBC #E2C7C2 #E7D2C9 #ECDDD0 #F1E8D7 #F6F3DE #FBFFE5

#DDBCBC - #FBFFE5

HSV Blend

#DDBCBC - #FBFFE5 | 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 #DDBCBC as 0% and #FBFFE5 as 100%.

0.0%	0.0% #DDBCBC	RGB 221 188 188	#DDBCBC
16.7%	16.7% #E2C8C2	RGB 226 200 194	#E2C8C2
33.3%	33.3% #E8D5C9	RGB 232 213 201	#E8D5C9
50.0%	50.0% #EEE1D0	RGB 238 225 208	#EEE1D0
66.7%	66.7% #F3EDD6	RGB 243 237 214	#F3EDD6
83.3%	83.3% #F9F8DD	RGB 249 248 221	#F9F8DD
100.0%	100.0% #FBFFE5	RGB 251 255 229	#FBFFE5

#DDBCBC #E2C8C2 #E8D5C9 #EEE1D0 #F3EDD6 #F9F8DD #FBFFE5

#DDBCBC - #EEE1D0 - #FBFFE5

CSS codes

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

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