#FF85DB - #CF0498 | 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 #FF85DB to #CF0498

#FF85DB #CF0498

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

#FF85DB - #CF0498 | 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 #FF85DB as 0% and #CF0498 as 100%.

0.0%	0.0% #FF85DB	RGB 255 133 219	#FF85DB
16.7%	16.7% #F76FCF	RGB 247 111 207	#F76FCF
33.3%	33.3% #EF5AC4	RGB 239 90 196	#EF5AC4
50.0%	50.0% #E744B9	RGB 231 68 185	#E744B9
66.7%	66.7% #DF2FAE	RGB 223 47 174	#DF2FAE
83.3%	83.3% #D719A3	RGB 215 25 163	#D719A3
100.0%	100.0% #CF0498	RGB 207 4 152	#CF0498

#FF85DB #F76FCF #EF5AC4 #E744B9 #DF2FAE #D719A3 #CF0498

#FF85DB - #CF0498

HSV Blend

#FF85DB - #CF0498 | 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 #FF85DB as 0% and #CF0498 as 100%.

0.0%	0.0% #FF85DB	RGB 255 133 219	#FF85DB
16.7%	16.7% #F76CCE	RGB 247 108 206	#F76CCE
33.3%	33.3% #EF54C2	RGB 239 84 194	#EF54C2
50.0%	50.0% #E73EB7	RGB 231 62 183	#E73EB7
66.7%	66.7% #DF29AC	RGB 223 41 172	#DF29AC
83.3%	83.3% #D716A1	RGB 215 22 161	#D716A1
100.0%	100.0% #CF0498	RGB 207 4 152	#CF0498

#FF85DB #F76CCE #EF54C2 #E73EB7 #DF29AC #D716A1 #CF0498

#FF85DB - #E73EB7 - #CF0498

CSS codes

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

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