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

#C97CAA #EFD9E6

Calculate the color between two colors, #C97CAA 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)

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

0.0%	0.0% #C97CAA	RGB 201 124 170	#C97CAA
16.7%	16.7% #CF8BB4	RGB 207 139 180	#CF8BB4
33.3%	33.3% #D59BBE	RGB 213 155 190	#D59BBE
50.0%	50.0% #DCAAC8	RGB 220 170 200	#DCAAC8
66.7%	66.7% #E2BAD2	RGB 226 186 210	#E2BAD2
83.3%	83.3% #E8C9DC	RGB 232 201 220	#E8C9DC
100.0%	100.0% #EFD9E6	RGB 239 217 230	#EFD9E6

#C97CAA #CF8BB4 #D59BBE #DCAAC8 #E2BAD2 #E8C9DC #EFD9E6

#C97CAA - #EFD9E6

HSV Blend

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

0.0%	0.0% #C97CA9	RGB 201 124 169	#C97CA9
16.7%	16.7% #CF89B3	RGB 207 137 179	#CF89B3
33.3%	33.3% #D598BC	RGB 213 152 188	#D598BC
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

#C97CA9 #CF89B3 #D598BC #DCA7C6 #E2B7D0 #E8C7DB #EFD9E6

#C97CAA - #DCA7C6 - #EFD9E6

CSS codes

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

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