#CF3CDF - #940FB8 | 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 #CF3CDF to #940FB8

#CF3CDF #940FB8

Calculate the color between two colors, #CF3CDF and #940FB8. 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)

#CF3CDF - #940FB8 | 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 #CF3CDF as 0% and #940FB8 as 100%.

0.0%	0.0% #CF3CDF	RGB 207 60 223	#CF3CDF
16.7%	16.7% #C534D8	RGB 197 52 216	#C534D8
33.3%	33.3% #BB2DD2	RGB 187 45 210	#BB2DD2
50.0%	50.0% #B125CB	RGB 177 37 203	#B125CB
66.7%	66.7% #A71EC5	RGB 167 30 197	#A71EC5
83.3%	83.3% #9D16BE	RGB 157 22 190	#9D16BE
100.0%	100.0% #940FB8	RGB 148 15 184	#940FB8

#CF3CDF #C534D8 #BB2DD2 #B125CB #A71EC5 #9D16BE #940FB8

#CF3CDF - #940FB8

HSV Blend

#CF3CDF - #940FB8 | 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 #CF3CDF as 0% and #940FB8 as 100%.

0.0%	0.0% #CE3CDF	RGB 206 60 223	#CE3CDF
16.7%	16.7% #C533D8	RGB 197 51 216	#C533D8
33.3%	33.3% #BB2BD2	RGB 187 43 210	#BB2BD2
50.0%	50.0% #B123CB	RGB 177 35 203	#B123CB
66.7%	66.7% #A71CC5	RGB 167 28 197	#A71CC5
83.3%	83.3% #9D15BE	RGB 157 21 190	#9D15BE
100.0%	100.0% #940FB8	RGB 148 15 184	#940FB8

#CE3CDF #C533D8 #BB2BD2 #B123CB #A71CC5 #9D15BE #940FB8

#CF3CDF - #B123CB - #940FB8

CSS codes

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

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