#FF8D9F - #CA2D51 | 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 #FF8D9F to #CA2D51

#FF8D9F #CA2D51

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

#FF8D9F - #CA2D51 | 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 #FF8D9F as 0% and #CA2D51 as 100%.

0.0%	0.0% #FF8D9F	RGB 255 141 159	#FF8D9F
16.7%	16.7% #F67D92	RGB 246 125 146	#F67D92
33.3%	33.3% #ED6D85	RGB 237 109 133	#ED6D85
50.0%	50.0% #E45D78	RGB 228 93 120	#E45D78
66.7%	66.7% #DB4D6B	RGB 219 77 107	#DB4D6B
83.3%	83.3% #D23D5E	RGB 210 61 94	#D23D5E
100.0%	100.0% #CA2D51	RGB 202 45 81	#CA2D51

#FF8D9F #F67D92 #ED6D85 #E45D78 #DB4D6B #D23D5E #CA2D51

#FF8D9F - #CA2D51

HSV Blend

#FF8D9F - #CA2D51 | 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 #FF8D9F as 0% and #CA2D51 as 100%.

0.0%	0.0% #FF8D9F	RGB 255 141 159	#FF8D9F
16.7%	16.7% #F67A8F	RGB 246 122 143	#F67A8F
33.3%	33.3% #ED6981	RGB 237 105 129	#ED6981
50.0%	50.0% #E45873	RGB 228 88 115	#E45873
66.7%	66.7% #DB4967	RGB 219 73 103	#DB4967
83.3%	83.3% #D23A5B	RGB 210 58 91	#D23A5B
100.0%	100.0% #CA2D51	RGB 202 45 81	#CA2D51

#FF8D9F #F67A8F #ED6981 #E45873 #DB4967 #D23A5B #CA2D51

#FF8D9F - #E45873 - #CA2D51

CSS codes

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

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