#FF1DF3 - #FFC7FF | 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 #FF1DF3 to #FFC7FF

#FF1DF3 #FFC7FF

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

#FF1DF3 - #FFC7FF | 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 #FF1DF3 as 0% and #FFC7FF as 100%.

0.0%	0.0% #FF1DF3	RGB 255 29 243	#FF1DF3
16.7%	16.7% #FF39F5	RGB 255 57 245	#FF39F5
33.3%	33.3% #FF55F7	RGB 255 85 247	#FF55F7
50.0%	50.0% #FF72F9	RGB 255 114 249	#FF72F9
66.7%	66.7% #FF8EFB	RGB 255 142 251	#FF8EFB
83.3%	83.3% #FFAAFD	RGB 255 170 253	#FFAAFD
100.0%	100.0% #FFC7FF	RGB 255 199 255	#FFC7FF

#FF1DF3 #FF39F5 #FF55F7 #FF72F9 #FF8EFB #FFAAFD #FFC7FF

#FF1DF3 - #FFC7FF

HSV Blend

#FF1DF3 - #FFC7FF | 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 #FF1DF3 as 0% and #FFC7FF as 100%.

0.0%	0.0% #FF1CF3	RGB 255 28 243	#FF1CF3
16.7%	16.7% #FF39F6	RGB 255 57 246	#FF39F6
33.3%	33.3% #FF55F9	RGB 255 85 249	#FF55F9
50.0%	50.0% #FF72FB	RGB 255 114 251	#FF72FB
66.7%	66.7% #FF8EFD	RGB 255 142 253	#FF8EFD
83.3%	83.3% #FFAAFE	RGB 255 170 254	#FFAAFE
100.0%	100.0% #FFC7FF	RGB 255 199 255	#FFC7FF

#FF1CF3 #FF39F6 #FF55F9 #FF72FB #FF8EFD #FFAAFE #FFC7FF

#FF1DF3 - #FF72FB - #FFC7FF

CSS codes

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

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