#CC3E70 - #FF584D | 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 #CC3E70 to #FF584D

#CC3E70 #FF584D

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

#CC3E70 - #FF584D | 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 #CC3E70 as 0% and #FF584D as 100%.

0.0%	0.0% #CC3E70	RGB 204 62 112	#CC3E70
16.7%	16.7% #D4426A	RGB 212 66 106	#D4426A
33.3%	33.3% #DD4664	RGB 221 70 100	#DD4664
50.0%	50.0% #E54B5E	RGB 229 75 94	#E54B5E
66.7%	66.7% #EE4F58	RGB 238 79 88	#EE4F58
83.3%	83.3% #F65352	RGB 246 83 82	#F65352
100.0%	100.0% #FF584D	RGB 255 88 77	#FF584D

#CC3E70 #D4426A #DD4664 #E54B5E #EE4F58 #F65352 #FF584D

#CC3E70 - #FF584D

HSV Blend

#CC3E70 - #FF584D | 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 #CC3E70 as 0% and #FF584D as 100%.

0.0%	0.0% #CC3E6F	RGB 204 62 111	#CC3E6F
16.7%	16.7% #D4406A	RGB 212 64 106	#D4406A
33.3%	33.3% #DD4363	RGB 221 67 99	#DD4363
50.0%	50.0% #E5455C	RGB 229 69 92	#E5455C
66.7%	66.7% #EE4854	RGB 238 72 84	#EE4854
83.3%	83.3% #F64A4B	RGB 246 74 75	#F64A4B
100.0%	100.0% #FF584D	RGB 255 88 77	#FF584D

#CC3E6F #D4406A #DD4363 #E5455C #EE4854 #F64A4B #FF584D

#CC3E70 - #E5455C - #FF584D

CSS codes

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

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