#C84AB2 - #EFCBE9 | 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 #C84AB2 to #EFCBE9

#C84AB2 #EFCBE9

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

#C84AB2 - #EFCBE9 | 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 #C84AB2 as 0% and #EFCBE9 as 100%.

0.0%	0.0% #C84AB2	RGB 200 74 178	#C84AB2
16.7%	16.7% #CE5FBB	RGB 206 95 187	#CE5FBB
33.3%	33.3% #D575C4	RGB 213 117 196	#D575C4
50.0%	50.0% #DB8ACD	RGB 219 138 205	#DB8ACD
66.7%	66.7% #E2A0D6	RGB 226 160 214	#E2A0D6
83.3%	83.3% #E8B5DF	RGB 232 181 223	#E8B5DF
100.0%	100.0% #EFCBE9	RGB 239 203 233	#EFCBE9

#C84AB2 #CE5FBB #D575C4 #DB8ACD #E2A0D6 #E8B5DF #EFCBE9

#C84AB2 - #EFCBE9

HSV Blend

#C84AB2 - #EFCBE9 | 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 #C84AB2 as 0% and #EFCBE9 as 100%.

0.0%	0.0% #C84AB2	RGB 200 74 178	#C84AB2
16.7%	16.7% #CE5CBA	RGB 206 92 186	#CE5CBA
33.3%	33.3% #D570C3	RGB 213 112 195	#D570C3
50.0%	50.0% #DB85CC	RGB 219 133 204	#DB85CC
66.7%	66.7% #E29BD6	RGB 226 155 214	#E29BD6
83.3%	83.3% #E8B2DF	RGB 232 178 223	#E8B2DF
100.0%	100.0% #EFCBE9	RGB 239 203 233	#EFCBE9

#C84AB2 #CE5CBA #D570C3 #DB85CC #E29BD6 #E8B2DF #EFCBE9

#C84AB2 - #DB85CC - #EFCBE9

CSS codes

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

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