#CF4DFF - #9113DF | 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 #CF4DFF to #9113DF

#CF4DFF #9113DF

Calculate the color between two colors, #CF4DFF and #9113DF. 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)

#CF4DFF - #9113DF | 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 #CF4DFF as 0% and #9113DF as 100%.

0.0%	0.0% #CF4DFF	RGB 207 77 255	#CF4DFF
16.7%	16.7% #C443F9	RGB 196 67 249	#C443F9
33.3%	33.3% #BA39F4	RGB 186 57 244	#BA39F4
50.0%	50.0% #B030EF	RGB 176 48 239	#B030EF
66.7%	66.7% #A526E9	RGB 165 38 233	#A526E9
83.3%	83.3% #9B1CE4	RGB 155 28 228	#9B1CE4
100.0%	100.0% #9113DF	RGB 145 19 223	#9113DF

#CF4DFF #C443F9 #BA39F4 #B030EF #A526E9 #9B1CE4 #9113DF

#CF4DFF - #9113DF

HSV Blend

#CF4DFF - #9113DF | 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 #CF4DFF as 0% and #9113DF as 100%.

0.0%	0.0% #CE4DFF	RGB 206 77 255	#CE4DFF
16.7%	16.7% #C442F9	RGB 196 66 249	#C442F9
33.3%	33.3% #BA38F4	RGB 186 56 244	#BA38F4
50.0%	50.0% #B02EEF	RGB 176 46 239	#B02EEF
66.7%	66.7% #A524E9	RGB 165 36 233	#A524E9
83.3%	83.3% #9B1BE4	RGB 155 27 228	#9B1BE4
100.0%	100.0% #9113DF	RGB 145 19 223	#9113DF

#CE4DFF #C442F9 #BA38F4 #B02EEF #A524E9 #9B1BE4 #9113DF

#CF4DFF - #B02EEF - #9113DF

CSS codes

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

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