#C97BAA - #EFD9E6 | 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 #C97BAA to #EFD9E6

#C97BAA #EFD9E6

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

#C97BAA - #EFD9E6 | 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 #C97BAA as 0% and #EFD9E6 as 100%.

0.0%	0.0% #C97BAA	RGB 201 123 170	#C97BAA
16.7%	16.7% #CF8AB4	RGB 207 138 180	#CF8AB4
33.3%	33.3% #D59ABE	RGB 213 154 190	#D59ABE
50.0%	50.0% #DCAAC8	RGB 220 170 200	#DCAAC8
66.7%	66.7% #E2B9D2	RGB 226 185 210	#E2B9D2
83.3%	83.3% #E8C9DC	RGB 232 201 220	#E8C9DC
100.0%	100.0% #EFD9E6	RGB 239 217 230	#EFD9E6

#C97BAA #CF8AB4 #D59ABE #DCAAC8 #E2B9D2 #E8C9DC #EFD9E6

#C97BAA - #EFD9E6

HSV Blend

#C97BAA - #EFD9E6 | 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 #C97BAA as 0% and #EFD9E6 as 100%.

0.0%	0.0% #C97BAA	RGB 201 123 170	#C97BAA
16.7%	16.7% #CF89B3	RGB 207 137 179	#CF89B3
33.3%	33.3% #D597BC	RGB 213 151 188	#D597BC
50.0%	50.0% #DCA7C6	RGB 220 167 198	#DCA7C6
66.7%	66.7% #E2B7D0	RGB 226 183 208	#E2B7D0
83.3%	83.3% #E8C7DB	RGB 232 199 219	#E8C7DB
100.0%	100.0% #EFD9E6	RGB 239 217 230	#EFD9E6

#C97BAA #CF89B3 #D597BC #DCA7C6 #E2B7D0 #E8C7DB #EFD9E6

#C97BAA - #DCA7C6 - #EFD9E6

CSS codes

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

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