#FF85B7 - #CC186B | 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 #FF85B7 to #CC186B

#FF85B7 #CC186B

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

#FF85B7 - #CC186B | 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 #FF85B7 as 0% and #CC186B as 100%.

0.0%	0.0% #FF85B7	RGB 255 133 183	#FF85B7
16.7%	16.7% #F672AA	RGB 246 114 170	#F672AA
33.3%	33.3% #EE609D	RGB 238 96 157	#EE609D
50.0%	50.0% #E54E91	RGB 229 78 145	#E54E91
66.7%	66.7% #DD3C84	RGB 221 60 132	#DD3C84
83.3%	83.3% #D42A77	RGB 212 42 119	#D42A77
100.0%	100.0% #CC186B	RGB 204 24 107	#CC186B

#FF85B7 #F672AA #EE609D #E54E91 #DD3C84 #D42A77 #CC186B

#FF85B7 - #CC186B

HSV Blend

#FF85B7 - #CC186B | 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 #FF85B7 as 0% and #CC186B as 100%.

0.0%	0.0% #FF85B7	RGB 255 133 183	#FF85B7
16.7%	16.7% #F66FA8	RGB 246 111 168	#F66FA8
33.3%	33.3% #EE5C9A	RGB 238 92 154	#EE5C9A
50.0%	50.0% #E5498D	RGB 229 73 141	#E5498D
66.7%	66.7% #DD3781	RGB 221 55 129	#DD3781
83.3%	83.3% #D42775	RGB 212 39 117	#D42775
100.0%	100.0% #CC186B	RGB 204 24 107	#CC186B

#FF85B7 #F66FA8 #EE5C9A #E5498D #DD3781 #D42775 #CC186B

#FF85B7 - #E5498D - #CC186B

CSS codes

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

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