#C97B9C - #EFD9E2 | 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 #C97B9C to #EFD9E2

#C97B9C #EFD9E2

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

#C97B9C - #EFD9E2 | 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 #C97B9C as 0% and #EFD9E2 as 100%.

0.0%	0.0% #C97B9C	RGB 201 123 156	#C97B9C
16.7%	16.7% #CF8AA7	RGB 207 138 167	#CF8AA7
33.3%	33.3% #D59AB3	RGB 213 154 179	#D59AB3
50.0%	50.0% #DCAABF	RGB 220 170 191	#DCAABF
66.7%	66.7% #E2B9CA	RGB 226 185 202	#E2B9CA
83.3%	83.3% #E8C9D6	RGB 232 201 214	#E8C9D6
100.0%	100.0% #EFD9E2	RGB 239 217 226	#EFD9E2

#C97B9C #CF8AA7 #D59AB3 #DCAABF #E2B9CA #E8C9D6 #EFD9E2

#C97B9C - #EFD9E2

HSV Blend

#C97B9C - #EFD9E2 | 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 #C97B9C as 0% and #EFD9E2 as 100%.

0.0%	0.0% #C97B9C	RGB 201 123 156	#C97B9C
16.7%	16.7% #CF89A6	RGB 207 137 166	#CF89A6
33.3%	33.3% #D597B1	RGB 213 151 177	#D597B1
50.0%	50.0% #DCA7BD	RGB 220 167 189	#DCA7BD
66.7%	66.7% #E2B7C9	RGB 226 183 201	#E2B7C9
83.3%	83.3% #E8C7D5	RGB 232 199 213	#E8C7D5
100.0%	100.0% #EFD9E2	RGB 239 217 226	#EFD9E2

#C97B9C #CF89A6 #D597B1 #DCA7BD #E2B7C9 #E8C7D5 #EFD9E2

#C97B9C - #DCA7BD - #EFD9E2

CSS codes

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

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