#D9CFDC - #897D9B | 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 #D9CFDC to #897D9B

#D9CFDC #897D9B

Calculate the color between two colors, #D9CFDC and #897D9B. 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)

#D9CFDC - #897D9B | 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 #D9CFDC as 0% and #897D9B as 100%.

0.0%	0.0% #D9CFDC	RGB 217 207 220	#D9CFDC
16.7%	16.7% #CBC1D1	RGB 203 193 209	#CBC1D1
33.3%	33.3% #BEB3C6	RGB 190 179 198	#BEB3C6
50.0%	50.0% #B1A6BB	RGB 177 166 187	#B1A6BB
66.7%	66.7% #A398B0	RGB 163 152 176	#A398B0
83.3%	83.3% #968AA5	RGB 150 138 165	#968AA5
100.0%	100.0% #897D9B	RGB 137 125 155	#897D9B

#D9CFDC #CBC1D1 #BEB3C6 #B1A6BB #A398B0 #968AA5 #897D9B

#D9CFDC - #897D9B

HSV Blend

#D9CFDC - #897D9B | 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 #D9CFDC as 0% and #897D9B as 100%.

0.0%	0.0% #D9CFDC	RGB 217 207 220	#D9CFDC
16.7%	16.7% #CCC0D1	RGB 204 192 209	#CCC0D1
33.3%	33.3% #BFB1C6	RGB 191 177 198	#BFB1C6
50.0%	50.0% #B1A3BB	RGB 177 163 187	#B1A3BB
66.7%	66.7% #A496B0	RGB 164 150 176	#A496B0
83.3%	83.3% #9689A5	RGB 150 137 165	#9689A5
100.0%	100.0% #897D9B	RGB 137 125 155	#897D9B

#D9CFDC #CCC0D1 #BFB1C6 #B1A3BB #A496B0 #9689A5 #897D9B

#D9CFDC - #B1A3BB - #897D9B

CSS codes

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

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