#FF1CD2 - #FFB8FF | 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 #FF1CD2 to #FFB8FF

#FF1CD2 #FFB8FF

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

#FF1CD2 - #FFB8FF | 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 #FF1CD2 as 0% and #FFB8FF as 100%.

0.0%	0.0% #FF1CD2	RGB 255 28 210	#FF1CD2
16.7%	16.7% #FF36D9	RGB 255 54 217	#FF36D9
33.3%	33.3% #FF50E1	RGB 255 80 225	#FF50E1
50.0%	50.0% #FF6AE8	RGB 255 106 232	#FF6AE8
66.7%	66.7% #FF84F0	RGB 255 132 240	#FF84F0
83.3%	83.3% #FF9EF7	RGB 255 158 247	#FF9EF7
100.0%	100.0% #FFB8FF	RGB 255 184 255	#FFB8FF

#FF1CD2 #FF36D9 #FF50E1 #FF6AE8 #FF84F0 #FF9EF7 #FFB8FF

#FF1CD2 - #FFB8FF

HSV Blend

#FF1CD2 - #FFB8FF | 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 #FF1CD2 as 0% and #FFB8FF as 100%.

0.0%	0.0% #FF1BD2	RGB 255 27 210	#FF1BD2
16.7%	16.7% #FF35DD	RGB 255 53 221	#FF35DD
33.3%	33.3% #FF4FE7	RGB 255 79 231	#FF4FE7
50.0%	50.0% #FF69F0	RGB 255 105 240	#FF69F0
66.7%	66.7% #FF84F6	RGB 255 132 246	#FF84F6
83.3%	83.3% #FF9DFB	RGB 255 157 251	#FF9DFB
100.0%	100.0% #FFB8FF	RGB 255 184 255	#FFB8FF

#FF1BD2 #FF35DD #FF4FE7 #FF69F0 #FF84F6 #FF9DFB #FFB8FF

#FF1CD2 - #FF69F0 - #FFB8FF

CSS codes

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

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