#C918DF - #FF94FF | 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 #C918DF to #FF94FF

#C918DF #FF94FF

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

#C918DF - #FF94FF | 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 #C918DF as 0% and #FF94FF as 100%.

0.0%	0.0% #C918DF	RGB 201 24 223	#C918DF
16.7%	16.7% #D22CE4	RGB 210 44 228	#D22CE4
33.3%	33.3% #DB41E9	RGB 219 65 233	#DB41E9
50.0%	50.0% #E456EF	RGB 228 86 239	#E456EF
66.7%	66.7% #ED6AF4	RGB 237 106 244	#ED6AF4
83.3%	83.3% #F67FF9	RGB 246 127 249	#F67FF9
100.0%	100.0% #FF94FF	RGB 255 148 255	#FF94FF

#C918DF #D22CE4 #DB41E9 #E456EF #ED6AF4 #F67FF9 #FF94FF

#C918DF - #FF94FF

HSV Blend

#C918DF - #FF94FF | 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 #C918DF as 0% and #FF94FF as 100%.

0.0%	0.0% #C818DF	RGB 200 24 223	#C818DF
16.7%	16.7% #D32AE4	RGB 211 42 228	#D32AE4
33.3%	33.3% #DD3DE9	RGB 221 61 233	#DD3DE9
50.0%	50.0% #E652EF	RGB 230 82 239	#E652EF
66.7%	66.7% #EF67F4	RGB 239 103 244	#EF67F4
83.3%	83.3% #F77DF9	RGB 247 125 249	#F77DF9
100.0%	100.0% #FF94FF	RGB 255 148 255	#FF94FF

#C818DF #D32AE4 #DD3DE9 #E652EF #EF67F4 #F77DF9 #FF94FF

#C918DF - #E652EF - #FF94FF

CSS codes

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

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