#FF7DF5 - #CD00BF | 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 #FF7DF5 to #CD00BF

#FF7DF5 #CD00BF

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

#FF7DF5 - #CD00BF | 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 #FF7DF5 as 0% and #CD00BF as 100%.

0.0%	0.0% #FF7DF5	RGB 255 125 245	#FF7DF5
16.7%	16.7% #F668EC	RGB 246 104 236	#F668EC
33.3%	33.3% #EE53E3	RGB 238 83 227	#EE53E3
50.0%	50.0% #E63EDA	RGB 230 62 218	#E63EDA
66.7%	66.7% #DD29D1	RGB 221 41 209	#DD29D1
83.3%	83.3% #D514C8	RGB 213 20 200	#D514C8
100.0%	100.0% #CD00BF	RGB 205 0 191	#CD00BF

#FF7DF5 #F668EC #EE53E3 #E63EDA #DD29D1 #D514C8 #CD00BF

#FF7DF5 - #CD00BF

HSV Blend

#FF7DF5 - #CD00BF | 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 #FF7DF5 as 0% and #CD00BF as 100%.

0.0%	0.0% #FF7DF5	RGB 255 125 245	#FF7DF5
16.7%	16.7% #F664EB	RGB 246 100 235	#F664EB
33.3%	33.3% #EE4DE2	RGB 238 77 226	#EE4DE2
50.0%	50.0% #E638D9	RGB 230 56 217	#E638D9
66.7%	66.7% #DD24D0	RGB 221 36 208	#DD24D0
83.3%	83.3% #D511C7	RGB 213 17 199	#D511C7
100.0%	100.0% #CD00BF	RGB 205 0 191	#CD00BF

#FF7DF5 #F664EB #EE4DE2 #E638D9 #DD24D0 #D511C7 #CD00BF

#FF7DF5 - #E638D9 - #CD00BF

CSS codes

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

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