#C8A8BF - #D0E2D6 | 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 #C8A8BF to #D0E2D6

#C8A8BF #D0E2D6

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

#C8A8BF - #D0E2D6 | 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 #C8A8BF as 0% and #D0E2D6 as 100%.

0.0%	0.0% #C8A8BF	RGB 200 168 191	#C8A8BF
16.7%	16.7% #C9B1C2	RGB 201 177 194	#C9B1C2
33.3%	33.3% #CABBC6	RGB 202 187 198	#CABBC6
50.0%	50.0% #CCC5CA	RGB 204 197 202	#CCC5CA
66.7%	66.7% #CDCECE	RGB 205 206 206	#CDCECE
83.3%	83.3% #CED8D2	RGB 206 216 210	#CED8D2
100.0%	100.0% #D0E2D6	RGB 208 226 214	#D0E2D6

#C8A8BF #C9B1C2 #CABBC6 #CCC5CA #CDCECE #CED8D2 #D0E2D6

#C8A8BF - #D0E2D6

HSV Blend

#C8A8BF - #D0E2D6 | 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 #C8A8BF as 0% and #D0E2D6 as 100%.

0.0%	0.0% #C8A8BF	RGB 200 168 191	#C8A8BF
16.7%	16.7% #C6AECC	RGB 198 174 204	#C6AECC
33.3%	33.3% #BDB4D0	RGB 189 180 208	#BDB4D0
50.0%	50.0% #BBC0D5	RGB 187 192 213	#BBC0D5
66.7%	66.7% #C2D2D9	RGB 194 210 217	#C2D2D9
83.3%	83.3% #C9DDDA	RGB 201 221 218	#C9DDDA
100.0%	100.0% #D0E2D6	RGB 208 226 214	#D0E2D6

#C8A8BF #C6AECC #BDB4D0 #BBC0D5 #C2D2D9 #C9DDDA #D0E2D6

#C8A8BF - #BBC0D5 - #D0E2D6

CSS codes

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

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