#C62E6B - #FF4142 | 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 #C62E6B to #FF4142

#C62E6B #FF4142

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

#C62E6B - #FF4142 | 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 #C62E6B as 0% and #FF4142 as 100%.

0.0%	0.0% #C62E6B	RGB 198 46 107	#C62E6B
16.7%	16.7% #CF3164	RGB 207 49 100	#CF3164
33.3%	33.3% #D9345D	RGB 217 52 93	#D9345D
50.0%	50.0% #E23756	RGB 226 55 86	#E23756
66.7%	66.7% #EC3A4F	RGB 236 58 79	#EC3A4F
83.3%	83.3% #F53D48	RGB 245 61 72	#F53D48
100.0%	100.0% #FF4142	RGB 255 65 66	#FF4142

#C62E6B #CF3164 #D9345D #E23756 #EC3A4F #F53D48 #FF4142

#C62E6B - #FF4142

HSV Blend

#C62E6B - #FF4142 | 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 #C62E6B as 0% and #FF4142 as 100%.

0.0%	0.0% #C62E6A	RGB 198 46 106	#C62E6A
16.7%	16.7% #CF3066	RGB 207 48 102	#CF3066
33.3%	33.3% #D93460	RGB 217 52 96	#D93460
50.0%	50.0% #E2375A	RGB 226 55 90	#E2375A
66.7%	66.7% #EC3A52	RGB 236 58 82	#EC3A52
83.3%	83.3% #F53D4A	RGB 245 61 74	#F53D4A
100.0%	100.0% #FF4142	RGB 255 65 66	#FF4142

#C62E6A #CF3066 #D93460 #E2375A #EC3A52 #F53D4A #FF4142

#C62E6B - #E2375A - #FF4142

CSS codes

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

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