#C873A2 - #EFD7E4 | 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 #C873A2 to #EFD7E4

#C873A2 #EFD7E4

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

#C873A2 - #EFD7E4 | 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 #C873A2 as 0% and #EFD7E4 as 100%.

0.0%	0.0% #C873A2	RGB 200 115 162	#C873A2
16.7%	16.7% #CE83AD	RGB 206 131 173	#CE83AD
33.3%	33.3% #D594B8	RGB 213 148 184	#D594B8
50.0%	50.0% #DBA5C3	RGB 219 165 195	#DBA5C3
66.7%	66.7% #E2B5CE	RGB 226 181 206	#E2B5CE
83.3%	83.3% #E8C6D9	RGB 232 198 217	#E8C6D9
100.0%	100.0% #EFD7E4	RGB 239 215 228	#EFD7E4

#C873A2 #CE83AD #D594B8 #DBA5C3 #E2B5CE #E8C6D9 #EFD7E4

#C873A2 - #EFD7E4

HSV Blend

#C873A2 - #EFD7E4 | 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 #C873A2 as 0% and #EFD7E4 as 100%.

0.0%	0.0% #C873A1	RGB 200 115 161	#C873A1
16.7%	16.7% #CE81AC	RGB 206 129 172	#CE81AC
33.3%	33.3% #D591B6	RGB 213 145 182	#D591B6
50.0%	50.0% #DBA1C1	RGB 219 161 193	#DBA1C1
66.7%	66.7% #E2B2CC	RGB 226 178 204	#E2B2CC
83.3%	83.3% #E8C4D8	RGB 232 196 216	#E8C4D8
100.0%	100.0% #EFD7E4	RGB 239 215 228	#EFD7E4

#C873A1 #CE81AC #D591B6 #DBA1C1 #E2B2CC #E8C4D8 #EFD7E4

#C873A2 - #DBA1C1 - #EFD7E4

CSS codes

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

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