#FF06C7 - #FFA2FF | 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 #FF06C7 to #FFA2FF

#FF06C7 #FFA2FF

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

#FF06C7 - #FFA2FF | 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 #FF06C7 as 0% and #FFA2FF as 100%.

0.0%	0.0% #FF06C7	RGB 255 6 199	#FF06C7
16.7%	16.7% #FF20D0	RGB 255 32 208	#FF20D0
33.3%	33.3% #FF3AD9	RGB 255 58 217	#FF3AD9
50.0%	50.0% #FF54E3	RGB 255 84 227	#FF54E3
66.7%	66.7% #FF6EEC	RGB 255 110 236	#FF6EEC
83.3%	83.3% #FF88F5	RGB 255 136 245	#FF88F5
100.0%	100.0% #FFA2FF	RGB 255 162 255	#FFA2FF

#FF06C7 #FF20D0 #FF3AD9 #FF54E3 #FF6EEC #FF88F5 #FFA2FF

#FF06C7 - #FFA2FF

HSV Blend

#FF06C7 - #FFA2FF | 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 #FF06C7 as 0% and #FFA2FF as 100%.

0.0%	0.0% #FF05C7	RGB 255 5 199	#FF05C7
16.7%	16.7% #FF1FD5	RGB 255 31 213	#FF1FD5
33.3%	33.3% #FF39E1	RGB 255 57 225	#FF39E1
50.0%	50.0% #FF53EB	RGB 255 83 235	#FF53EB
66.7%	66.7% #FF6EF4	RGB 255 110 244	#FF6EF4
83.3%	83.3% #FF87FA	RGB 255 135 250	#FF87FA
100.0%	100.0% #FFA2FF	RGB 255 162 255	#FFA2FF

#FF05C7 #FF1FD5 #FF39E1 #FF53EB #FF6EF4 #FF87FA #FFA2FF

#FF06C7 - #FF53EB - #FFA2FF

CSS codes

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

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