#DBCDCC - #C5847B | 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 #DBCDCC to #C5847B

#DBCDCC #C5847B

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

#DBCDCC - #C5847B | 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 #DBCDCC as 0% and #C5847B as 100%.

0.0%	0.0% #DBCDCC	RGB 219 205 204	#DBCDCC
16.7%	16.7% #D7C0BE	RGB 215 192 190	#D7C0BE
33.3%	33.3% #D3B4B1	RGB 211 180 177	#D3B4B1
50.0%	50.0% #D0A8A3	RGB 208 168 163	#D0A8A3
66.7%	66.7% #CC9C96	RGB 204 156 150	#CC9C96
83.3%	83.3% #C89088	RGB 200 144 136	#C89088
100.0%	100.0% #C5847B	RGB 197 132 123	#C5847B

#DBCDCC #D7C0BE #D3B4B1 #D0A8A3 #CC9C96 #C89088 #C5847B

#DBCDCC - #C5847B

HSV Blend

#DBCDCC - #C5847B | 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 #DBCDCC as 0% and #C5847B as 100%.

0.0%	0.0% #DBCDCC	RGB 219 205 204	#DBCDCC
16.7%	16.7% #D7BFBD	RGB 215 191 189	#D7BFBD
33.3%	33.3% #D3B2AF	RGB 211 178 175	#D3B2AF
50.0%	50.0% #D0A6A1	RGB 208 166 161	#D0A6A1
66.7%	66.7% #CC9A94	RGB 204 154 148	#CC9A94
83.3%	83.3% #C88E87	RGB 200 142 135	#C88E87
100.0%	100.0% #C5847B	RGB 197 132 123	#C5847B

#DBCDCC #D7BFBD #D3B2AF #D0A6A1 #CC9A94 #C88E87 #C5847B

#DBCDCC - #D0A6A1 - #C5847B

CSS codes

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

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