#FF85DA - #CF0497 | 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 #FF85DA to #CF0497

#FF85DA #CF0497

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

#FF85DA - #CF0497 | 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 #FF85DA as 0% and #CF0497 as 100%.

0.0%	0.0% #FF85DA	RGB 255 133 218	#FF85DA
16.7%	16.7% #F76FCE	RGB 247 111 206	#F76FCE
33.3%	33.3% #EF5AC3	RGB 239 90 195	#EF5AC3
50.0%	50.0% #E744B8	RGB 231 68 184	#E744B8
66.7%	66.7% #DF2FAD	RGB 223 47 173	#DF2FAD
83.3%	83.3% #D719A2	RGB 215 25 162	#D719A2
100.0%	100.0% #CF0497	RGB 207 4 151	#CF0497

#FF85DA #F76FCE #EF5AC3 #E744B8 #DF2FAD #D719A2 #CF0497

#FF85DA - #CF0497

HSV Blend

#FF85DA - #CF0497 | 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 #FF85DA as 0% and #CF0497 as 100%.

0.0%	0.0% #FF85DA	RGB 255 133 218	#FF85DA
16.7%	16.7% #F76CCD	RGB 247 108 205	#F76CCD
33.3%	33.3% #EF54C1	RGB 239 84 193	#EF54C1
50.0%	50.0% #E73EB6	RGB 231 62 182	#E73EB6
66.7%	66.7% #DF29AB	RGB 223 41 171	#DF29AB
83.3%	83.3% #D716A0	RGB 215 22 160	#D716A0
100.0%	100.0% #CF0497	RGB 207 4 151	#CF0497

#FF85DA #F76CCD #EF54C1 #E73EB6 #DF29AB #D716A0 #CF0497

#FF85DA - #E73EB6 - #CF0497

CSS codes

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

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