#C97FAE - #EFDAE7 | 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 #C97FAE to #EFDAE7

#C97FAE #EFDAE7

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

#C97FAE - #EFDAE7 | 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 #C97FAE as 0% and #EFDAE7 as 100%.

0.0%	0.0% #C97FAE	RGB 201 127 174	#C97FAE
16.7%	16.7% #CF8EB7	RGB 207 142 183	#CF8EB7
33.3%	33.3% #D59DC1	RGB 213 157 193	#D59DC1
50.0%	50.0% #DCACCA	RGB 220 172 202	#DCACCA
66.7%	66.7% #E2BBD4	RGB 226 187 212	#E2BBD4
83.3%	83.3% #E8CADD	RGB 232 202 221	#E8CADD
100.0%	100.0% #EFDAE7	RGB 239 218 231	#EFDAE7

#C97FAE #CF8EB7 #D59DC1 #DCACCA #E2BBD4 #E8CADD #EFDAE7

#C97FAE - #EFDAE7

HSV Blend

#C97FAE - #EFDAE7 | 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 #C97FAE as 0% and #EFDAE7 as 100%.

0.0%	0.0% #C97FAE	RGB 201 127 174	#C97FAE
16.7%	16.7% #CF8CB6	RGB 207 140 182	#CF8CB6
33.3%	33.3% #D59ABF	RGB 213 154 191	#D59ABF
50.0%	50.0% #DCA9C9	RGB 220 169 201	#DCA9C9
66.7%	66.7% #E2B9D2	RGB 226 185 210	#E2B9D2
83.3%	83.3% #E8C9DC	RGB 232 201 220	#E8C9DC
100.0%	100.0% #EFDAE7	RGB 239 218 231	#EFDAE7

#C97FAE #CF8CB6 #D59ABF #DCA9C9 #E2B9D2 #E8C9DC #EFDAE7

#C97FAE - #DCA9C9 - #EFDAE7

CSS codes

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

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