#D4CBCB - #FFF5E4 | 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 #D4CBCB to #FFF5E4

#D4CBCB #FFF5E4

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

#D4CBCB - #FFF5E4 | 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 #D4CBCB as 0% and #FFF5E4 as 100%.

0.0%	0.0% #D4CBCB	RGB 212 203 203	#D4CBCB
16.7%	16.7% #DBD2CF	RGB 219 210 207	#DBD2CF
33.3%	33.3% #E2D9D3	RGB 226 217 211	#E2D9D3
50.0%	50.0% #E9E0D7	RGB 233 224 215	#E9E0D7
66.7%	66.7% #F0E7DB	RGB 240 231 219	#F0E7DB
83.3%	83.3% #F7EEDF	RGB 247 238 223	#F7EEDF
100.0%	100.0% #FFF5E4	RGB 255 245 228	#FFF5E4

#D4CBCB #DBD2CF #E2D9D3 #E9E0D7 #F0E7DB #F7EEDF #FFF5E4

#D4CBCB - #FFF5E4

HSV Blend

#D4CBCB - #FFF5E4 | 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 #D4CBCB as 0% and #FFF5E4 as 100%.

0.0%	0.0% #D4CBCB	RGB 212 203 203	#D4CBCB
16.7%	16.7% #DBD0CF	RGB 219 208 207	#DBD0CF
33.3%	33.3% #E2D6D3	RGB 226 214 211	#E2D6D3
50.0%	50.0% #E9DDD8	RGB 233 221 216	#E9DDD8
66.7%	66.7% #F0E4DC	RGB 240 228 220	#F0E4DC
83.3%	83.3% #F7ECE0	RGB 247 236 224	#F7ECE0
100.0%	100.0% #FFF5E4	RGB 255 245 228	#FFF5E4

#D4CBCB #DBD0CF #E2D6D3 #E9DDD8 #F0E4DC #F7ECE0 #FFF5E4

#D4CBCB - #E9DDD8 - #FFF5E4

CSS codes

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

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