#FF86C0 - #CD1475 | 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 #FF86C0 to #CD1475

#FF86C0 #CD1475

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

#FF86C0 - #CD1475 | 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 #FF86C0 as 0% and #CD1475 as 100%.

0.0%	0.0% #FF86C0	RGB 255 134 192	#FF86C0
16.7%	16.7% #F673B3	RGB 246 115 179	#F673B3
33.3%	33.3% #EE60A7	RGB 238 96 167	#EE60A7
50.0%	50.0% #E64D9A	RGB 230 77 154	#E64D9A
66.7%	66.7% #DD3A8E	RGB 221 58 142	#DD3A8E
83.3%	83.3% #D52781	RGB 213 39 129	#D52781
100.0%	100.0% #CD1475	RGB 205 20 117	#CD1475

#FF86C0 #F673B3 #EE60A7 #E64D9A #DD3A8E #D52781 #CD1475

#FF86C0 - #CD1475

HSV Blend

#FF86C0 - #CD1475 | 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 #FF86C0 as 0% and #CD1475 as 100%.

0.0%	0.0% #FF86C0	RGB 255 134 192	#FF86C0
16.7%	16.7% #F670B1	RGB 246 112 177	#F670B1
33.3%	33.3% #EE5BA3	RGB 238 91 163	#EE5BA3
50.0%	50.0% #E64797	RGB 230 71 151	#E64797
66.7%	66.7% #DD358B	RGB 221 53 139	#DD358B
83.3%	83.3% #D5247F	RGB 213 36 127	#D5247F
100.0%	100.0% #CD1475	RGB 205 20 117	#CD1475

#FF86C0 #F670B1 #EE5BA3 #E64797 #DD358B #D5247F #CD1475

#FF86C0 - #E64797 - #CD1475

CSS codes

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

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