#C87DB6 - #EFD9EA | 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 #C87DB6 to #EFD9EA

#C87DB6 #EFD9EA

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

#C87DB6 - #EFD9EA | 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 #C87DB6 as 0% and #EFD9EA as 100%.

0.0%	0.0% #C87DB6	RGB 200 125 182	#C87DB6
16.7%	16.7% #CE8CBE	RGB 206 140 190	#CE8CBE
33.3%	33.3% #D59BC7	RGB 213 155 199	#D59BC7
50.0%	50.0% #DBABD0	RGB 219 171 208	#DBABD0
66.7%	66.7% #E2BAD8	RGB 226 186 216	#E2BAD8
83.3%	83.3% #E8C9E1	RGB 232 201 225	#E8C9E1
100.0%	100.0% #EFD9EA	RGB 239 217 234	#EFD9EA

#C87DB6 #CE8CBE #D59BC7 #DBABD0 #E2BAD8 #E8C9E1 #EFD9EA

#C87DB6 - #EFD9EA

HSV Blend

#C87DB6 - #EFD9EA | 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 #C87DB6 as 0% and #EFD9EA as 100%.

0.0%	0.0% #C87DB6	RGB 200 125 182	#C87DB6
16.7%	16.7% #CE8ABE	RGB 206 138 190	#CE8ABE
33.3%	33.3% #D599C6	RGB 213 153 198	#D599C6
50.0%	50.0% #DBA8CF	RGB 219 168 207	#DBA8CF
66.7%	66.7% #E2B7D8	RGB 226 183 216	#E2B7D8
83.3%	83.3% #E8C8E1	RGB 232 200 225	#E8C8E1
100.0%	100.0% #EFD9EA	RGB 239 217 234	#EFD9EA

#C87DB6 #CE8ABE #D599C6 #DBA8CF #E2B7D8 #E8C8E1 #EFD9EA

#C87DB6 - #DBA8CF - #EFD9EA

CSS codes

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

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