#C61DA3 - #FF418B | 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 #C61DA3 to #FF418B

#C61DA3 #FF418B

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

#C61DA3 - #FF418B | 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 #C61DA3 as 0% and #FF418B as 100%.

0.0%	0.0% #C61DA3	RGB 198 29 163	#C61DA3
16.7%	16.7% #CF239F	RGB 207 35 159	#CF239F
33.3%	33.3% #D9299B	RGB 217 41 155	#D9299B
50.0%	50.0% #E22F97	RGB 226 47 151	#E22F97
66.7%	66.7% #EC3593	RGB 236 53 147	#EC3593
83.3%	83.3% #F53B8F	RGB 245 59 143	#F53B8F
100.0%	100.0% #FF418B	RGB 255 65 139	#FF418B

#C61DA3 #CF239F #D9299B #E22F97 #EC3593 #F53B8F #FF418B

#C61DA3 - #FF418B

HSV Blend

#C61DA3 - #FF418B | 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 #C61DA3 as 0% and #FF418B as 100%.

0.0%	0.0% #C61DA2	RGB 198 29 162	#C61DA2
16.7%	16.7% #CF229F	RGB 207 34 159	#CF229F
33.3%	33.3% #D9279C	RGB 217 39 156	#D9279C
50.0%	50.0% #E22D98	RGB 226 45 152	#E22D98
66.7%	66.7% #EC3394	RGB 236 51 148	#EC3394
83.3%	83.3% #F53A8F	RGB 245 58 143	#F53A8F
100.0%	100.0% #FF418B	RGB 255 65 139	#FF418B

#C61DA2 #CF229F #D9279C #E22D98 #EC3394 #F53A8F #FF418B

#C61DA3 - #E22D98 - #FF418B

CSS codes

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

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