#CF4A3C - #FF71BB | 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 #CF4A3C to #FF71BB

#CF4A3C #FF71BB

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

#CF4A3C - #FF71BB | 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 #CF4A3C as 0% and #FF71BB as 100%.

0.0%	0.0% #CF4A3C	RGB 207 74 60	#CF4A3C
16.7%	16.7% #D75051	RGB 215 80 81	#D75051
33.3%	33.3% #DF5766	RGB 223 87 102	#DF5766
50.0%	50.0% #E75D7B	RGB 231 93 123	#E75D7B
66.7%	66.7% #EF6490	RGB 239 100 144	#EF6490
83.3%	83.3% #F76AA5	RGB 247 106 165	#F76AA5
100.0%	100.0% #FF71BB	RGB 255 113 187	#FF71BB

#CF4A3C #D75051 #DF5766 #E75D7B #EF6490 #F76AA5 #FF71BB

#CF4A3C - #FF71BB

HSV Blend

#CF4A3C - #FF71BB | 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 #CF4A3C as 0% and #FF71BB as 100%.

0.0%	0.0% #CF4A3C	RGB 207 74 60	#CF4A3C
16.7%	16.7% #D74344	RGB 215 67 68	#D74344
33.3%	33.3% #DF4C5C	RGB 223 76 92	#DF4C5C
50.0%	50.0% #E75473	RGB 231 84 115	#E75473
66.7%	66.7% #EF5D8B	RGB 239 93 139	#EF5D8B
83.3%	83.3% #F767A3	RGB 247 103 163	#F767A3
100.0%	100.0% #FF71BB	RGB 255 113 187	#FF71BB

#CF4A3C #D74344 #DF4C5C #E75473 #EF5D8B #F767A3 #FF71BB

#CF4A3C - #E75473 - #FF71BB

CSS codes

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

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