#C88CAA - #EFDEE7 | 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 #C88CAA to #EFDEE7

#C88CAA #EFDEE7

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

#C88CAA - #EFDEE7 | 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 #C88CAA as 0% and #EFDEE7 as 100%.

0.0%	0.0% #C88CAA	RGB 200 140 170	#C88CAA
16.7%	16.7% #CE99B4	RGB 206 153 180	#CE99B4
33.3%	33.3% #D5A7BE	RGB 213 167 190	#D5A7BE
50.0%	50.0% #DBB5C8	RGB 219 181 200	#DBB5C8
66.7%	66.7% #E2C2D2	RGB 226 194 210	#E2C2D2
83.3%	83.3% #E8D0DC	RGB 232 208 220	#E8D0DC
100.0%	100.0% #EFDEE7	RGB 239 222 231	#EFDEE7

#C88CAA #CE99B4 #D5A7BE #DBB5C8 #E2C2D2 #E8D0DC #EFDEE7

#C88CAA - #EFDEE7

HSV Blend

#C88CAA - #EFDEE7 | 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 #C88CAA as 0% and #EFDEE7 as 100%.

0.0%	0.0% #C88CAA	RGB 200 140 170	#C88CAA
16.7%	16.7% #CE98B3	RGB 206 152 179	#CE98B3
33.3%	33.3% #D5A5BD	RGB 213 165 189	#D5A5BD
50.0%	50.0% #DBB2C7	RGB 219 178 199	#DBB2C7
66.7%	66.7% #E2C0D1	RGB 226 192 209	#E2C0D1
83.3%	83.3% #E8CFDC	RGB 232 207 220	#E8CFDC
100.0%	100.0% #EFDEE7	RGB 239 222 231	#EFDEE7

#C88CAA #CE98B3 #D5A5BD #DBB2C7 #E2C0D1 #E8CFDC #EFDEE7

#C88CAA - #DBB2C7 - #EFDEE7

CSS codes

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

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