#C957BD - #EFCFEB | 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 #C957BD to #EFCFEB

#C957BD #EFCFEB

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

#C957BD - #EFCFEB | 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 #C957BD as 0% and #EFCFEB as 100%.

0.0%	0.0% #C957BD	RGB 201 87 189	#C957BD
16.7%	16.7% #CF6BC4	RGB 207 107 196	#CF6BC4
33.3%	33.3% #D57FCC	RGB 213 127 204	#D57FCC
50.0%	50.0% #DC93D4	RGB 220 147 212	#DC93D4
66.7%	66.7% #E2A7DB	RGB 226 167 219	#E2A7DB
83.3%	83.3% #E8BBE3	RGB 232 187 227	#E8BBE3
100.0%	100.0% #EFCFEB	RGB 239 207 235	#EFCFEB

#C957BD #CF6BC4 #D57FCC #DC93D4 #E2A7DB #E8BBE3 #EFCFEB

#C957BD - #EFCFEB

HSV Blend

#C957BD - #EFCFEB | 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 #C957BD as 0% and #EFCFEB as 100%.

0.0%	0.0% #C957BC	RGB 201 87 188	#C957BC
16.7%	16.7% #CF68C4	RGB 207 104 196	#CF68C4
33.3%	33.3% #D57BCB	RGB 213 123 203	#D57BCB
50.0%	50.0% #DC8ED3	RGB 220 142 211	#DC8ED3
66.7%	66.7% #E2A3DA	RGB 226 163 218	#E2A3DA
83.3%	83.3% #E8B8E2	RGB 232 184 226	#E8B8E2
100.0%	100.0% #EFCFEB	RGB 239 207 235	#EFCFEB

#C957BC #CF68C4 #D57BCB #DC8ED3 #E2A3DA #E8B8E2 #EFCFEB

#C957BD - #DC8ED3 - #EFCFEB

CSS codes

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

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