#C957CF - #EFCFF1 | 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 #C957CF to #EFCFF1

#C957CF #EFCFF1

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

#C957CF - #EFCFF1 | 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 #C957CF as 0% and #EFCFF1 as 100%.

0.0%	0.0% #C957CF	RGB 201 87 207	#C957CF
16.7%	16.7% #CF6BD4	RGB 207 107 212	#CF6BD4
33.3%	33.3% #D57FDA	RGB 213 127 218	#D57FDA
50.0%	50.0% #DC93E0	RGB 220 147 224	#DC93E0
66.7%	66.7% #E2A7E5	RGB 226 167 229	#E2A7E5
83.3%	83.3% #E8BBEB	RGB 232 187 235	#E8BBEB
100.0%	100.0% #EFCFF1	RGB 239 207 241	#EFCFF1

#C957CF #CF6BD4 #D57FDA #DC93E0 #E2A7E5 #E8BBEB #EFCFF1

#C957CF - #EFCFF1

HSV Blend

#C957CF - #EFCFF1 | 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 #C957CF as 0% and #EFCFF1 as 100%.

0.0%	0.0% #C957CF	RGB 201 87 207	#C957CF
16.7%	16.7% #CF68D4	RGB 207 104 212	#CF68D4
33.3%	33.3% #D57BDA	RGB 213 123 218	#D57BDA
50.0%	50.0% #DB8FE0	RGB 219 143 224	#DB8FE0
66.7%	66.7% #E1A3E5	RGB 225 163 229	#E1A3E5
83.3%	83.3% #E8B8EB	RGB 232 184 235	#E8B8EB
100.0%	100.0% #EFCFF1	RGB 239 207 241	#EFCFF1

#C957CF #CF68D4 #D57BDA #DB8FE0 #E1A3E5 #E8B8EB #EFCFF1

#C957CF - #DB8FE0 - #EFCFF1

CSS codes

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

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