#C600CF - #FF57CF | 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 #C600CF to #FF57CF

#C600CF #FF57CF

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

#C600CF - #FF57CF | 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 #C600CF as 0% and #FF57CF as 100%.

0.0%	0.0% #C600CF	RGB 198 0 207	#C600CF
16.7%	16.7% #CF0ECF	RGB 207 14 207	#CF0ECF
33.3%	33.3% #D91DCF	RGB 217 29 207	#D91DCF
50.0%	50.0% #E22BCF	RGB 226 43 207	#E22BCF
66.7%	66.7% #EC3ACF	RGB 236 58 207	#EC3ACF
83.3%	83.3% #F548CF	RGB 245 72 207	#F548CF
100.0%	100.0% #FF57CF	RGB 255 87 207	#FF57CF

#C600CF #CF0ECF #D91DCF #E22BCF #EC3ACF #F548CF #FF57CF

#C600CF - #FF57CF

HSV Blend

#C600CF - #FF57CF | 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 #C600CF as 0% and #FF57CF as 100%.

0.0%	0.0% #C500CF	RGB 197 0 207	#C500CF
16.7%	16.7% #D70CD4	RGB 215 12 212	#D70CD4
33.3%	33.3% #DF19D1	RGB 223 25 209	#DF19D1
50.0%	50.0% #E727CF	RGB 231 39 207	#E727CF
66.7%	66.7% #EF36CE	RGB 239 54 206	#EF36CE
83.3%	83.3% #F746CE	RGB 247 70 206	#F746CE
100.0%	100.0% #FF57CF	RGB 255 87 207	#FF57CF

#C500CF #D70CD4 #DF19D1 #E727CF #EF36CE #F746CE #FF57CF

#C600CF - #E727CF - #FF57CF

CSS codes

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

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