#C12B5C - #FF7F6D | 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 #C12B5C to #FF7F6D

#C12B5C #FF7F6D

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

#C12B5C - #FF7F6D | 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 #C12B5C as 0% and #FF7F6D as 100%.

0.0%	0.0% #C12B5C	RGB 193 43 92	#C12B5C
16.7%	16.7% #CB395E	RGB 203 57 94	#CB395E
33.3%	33.3% #D54761	RGB 213 71 97	#D54761
50.0%	50.0% #E05564	RGB 224 85 100	#E05564
66.7%	66.7% #EA6367	RGB 234 99 103	#EA6367
83.3%	83.3% #F4716A	RGB 244 113 106	#F4716A
100.0%	100.0% #FF7F6D	RGB 255 127 109	#FF7F6D

#C12B5C #CB395E #D54761 #E05564 #EA6367 #F4716A #FF7F6D

#C12B5C - #FF7F6D

HSV Blend

#C12B5C - #FF7F6D | 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 #C12B5C as 0% and #FF7F6D as 100%.

0.0%	0.0% #C12B5C	RGB 193 43 92	#C12B5C
16.7%	16.7% #CB345A	RGB 203 52 90	#CB345A
33.3%	33.3% #D53E58	RGB 213 62 88	#D53E58
50.0%	50.0% #E04858	RGB 224 72 88	#E04858
66.7%	66.7% #EA5458	RGB 234 84 88	#EA5458
83.3%	83.3% #F46760	RGB 244 103 96	#F46760
100.0%	100.0% #FF7F6D	RGB 255 127 109	#FF7F6D

#C12B5C #CB345A #D53E58 #E04858 #EA5458 #F46760 #FF7F6D

#C12B5C - #E04858 - #FF7F6D

CSS codes

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

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