#FF06C9 - #8F8FFF | 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 #FF06C9 to #8F8FFF

#FF06C9 #8F8FFF

Calculate the color between two colors, #FF06C9 and #8F8FFF. 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)

#FF06C9 - #8F8FFF | 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 #FF06C9 as 0% and #8F8FFF as 100%.

0.0%	0.0% #FF06C9	RGB 255 6 201	#FF06C9
16.7%	16.7% #EC1CD2	RGB 236 28 210	#EC1CD2
33.3%	33.3% #D933DB	RGB 217 51 219	#D933DB
50.0%	50.0% #C74AE4	RGB 199 74 228	#C74AE4
66.7%	66.7% #B461ED	RGB 180 97 237	#B461ED
83.3%	83.3% #A178F6	RGB 161 120 246	#A178F6
100.0%	100.0% #8F8FFF	RGB 143 143 255	#8F8FFF

#FF06C9 #EC1CD2 #D933DB #C74AE4 #B461ED #A178F6 #8F8FFF

#FF06C9 - #8F8FFF

HSV Blend

#FF06C9 - #8F8FFF | 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 #FF06C9 as 0% and #8F8FFF as 100%.

0.0%	0.0% #FF05C8	RGB 255 5 200	#FF05C8
16.7%	16.7% #FF1CFB	RGB 255 28 251	#FF1CFB
33.3%	33.3% #D833FF	RGB 216 51 255	#D833FF
50.0%	50.0% #B84AFF	RGB 184 74 255	#B84AFF
66.7%	66.7% #A161FF	RGB 161 97 255	#A161FF
83.3%	83.3% #9378FF	RGB 147 120 255	#9378FF
100.0%	100.0% #8F8FFF	RGB 143 143 255	#8F8FFF

#FF05C8 #FF1CFB #D833FF #B84AFF #A161FF #9378FF #8F8FFF

#FF06C9 - #B84AFF - #8F8FFF

CSS codes

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

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