#D1CFD2 - #8F7A88 | 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 #D1CFD2 to #8F7A88

#D1CFD2 #8F7A88

Calculate the color between two colors, #D1CFD2 and #8F7A88. 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)

#D1CFD2 - #8F7A88 | 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 #D1CFD2 as 0% and #8F7A88 as 100%.

0.0%	0.0% #D1CFD2	RGB 209 207 210	#D1CFD2
16.7%	16.7% #C6C0C5	RGB 198 192 197	#C6C0C5
33.3%	33.3% #BBB2B9	RGB 187 178 185	#BBB2B9
50.0%	50.0% #B0A4AD	RGB 176 164 173	#B0A4AD
66.7%	66.7% #A596A0	RGB 165 150 160	#A596A0
83.3%	83.3% #9A8894	RGB 154 136 148	#9A8894
100.0%	100.0% #8F7A88	RGB 143 122 136	#8F7A88

#D1CFD2 #C6C0C5 #BBB2B9 #B0A4AD #A596A0 #9A8894 #8F7A88

#D1CFD2 - #8F7A88

HSV Blend

#D1CFD2 - #8F7A88 | 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 #D1CFD2 as 0% and #8F7A88 as 100%.

0.0%	0.0% #D1CFD2	RGB 209 207 210	#D1CFD2
16.7%	16.7% #C5BFC6	RGB 197 191 198	#C5BFC6
33.3%	33.3% #BAB0BB	RGB 186 176 187	#BAB0BB
50.0%	50.0% #B0A2B0	RGB 176 162 176	#B0A2B0
66.7%	66.7% #A594A3	RGB 165 148 163	#A594A3
83.3%	83.3% #9A8695	RGB 154 134 149	#9A8695
100.0%	100.0% #8F7A88	RGB 143 122 136	#8F7A88

#D1CFD2 #C5BFC6 #BAB0BB #B0A2B0 #A594A3 #9A8695 #8F7A88

#D1CFD2 - #B0A2B0 - #8F7A88

CSS codes

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

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