#C6B5BD - #FFD0D0 | 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 #C6B5BD to #FFD0D0

#C6B5BD #FFD0D0

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

#C6B5BD - #FFD0D0 | 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 #C6B5BD as 0% and #FFD0D0 as 100%.

0.0%	0.0% #C6B5BD	RGB 198 181 189	#C6B5BD
16.7%	16.7% #CFB9C0	RGB 207 185 192	#CFB9C0
33.3%	33.3% #D9BEC3	RGB 217 190 195	#D9BEC3
50.0%	50.0% #E2C2C6	RGB 226 194 198	#E2C2C6
66.7%	66.7% #ECC7C9	RGB 236 199 201	#ECC7C9
83.3%	83.3% #F5CBCC	RGB 245 203 204	#F5CBCC
100.0%	100.0% #FFD0D0	RGB 255 208 208	#FFD0D0

#C6B5BD #CFB9C0 #D9BEC3 #E2C2C6 #ECC7C9 #F5CBCC #FFD0D0

#C6B5BD - #FFD0D0

HSV Blend

#C6B5BD - #FFD0D0 | 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 #C6B5BD as 0% and #FFD0D0 as 100%.

0.0%	0.0% #C6B5BD	RGB 198 181 189	#C6B5BD
16.7%	16.7% #CFBAC2	RGB 207 186 194	#CFBAC2
33.3%	33.3% #D9BFC7	RGB 217 191 199	#D9BFC7
50.0%	50.0% #E2C3CB	RGB 226 195 203	#E2C3CB
66.7%	66.7% #ECC8CD	RGB 236 200 205	#ECC8CD
83.3%	83.3% #F5CCCF	RGB 245 204 207	#F5CCCF
100.0%	100.0% #FFD0D0	RGB 255 208 208	#FFD0D0

#C6B5BD #CFBAC2 #D9BFC7 #E2C3CB #ECC8CD #F5CCCF #FFD0D0

#C6B5BD - #E2C3CB - #FFD0D0

CSS codes

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

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