#C12B5D - #FF7F6E | 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 #C12B5D to #FF7F6E

#C12B5D #FF7F6E

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

#C12B5D - #FF7F6E | 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 #C12B5D as 0% and #FF7F6E as 100%.

0.0%	0.0% #C12B5D	RGB 193 43 93	#C12B5D
16.7%	16.7% #CB395F	RGB 203 57 95	#CB395F
33.3%	33.3% #D54762	RGB 213 71 98	#D54762
50.0%	50.0% #E05565	RGB 224 85 101	#E05565
66.7%	66.7% #EA6368	RGB 234 99 104	#EA6368
83.3%	83.3% #F4716B	RGB 244 113 107	#F4716B
100.0%	100.0% #FF7F6E	RGB 255 127 110	#FF7F6E

#C12B5D #CB395F #D54762 #E05565 #EA6368 #F4716B #FF7F6E

#C12B5D - #FF7F6E

HSV Blend

#C12B5D - #FF7F6E | 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 #C12B5D as 0% and #FF7F6E as 100%.

0.0%	0.0% #C12B5C	RGB 193 43 92	#C12B5C
16.7%	16.7% #CB345B	RGB 203 52 91	#CB345B
33.3%	33.3% #D53E5A	RGB 213 62 90	#D53E5A
50.0%	50.0% #E04959	RGB 224 73 89	#E04959
66.7%	66.7% #EA5459	RGB 234 84 89	#EA5459
83.3%	83.3% #F46761	RGB 244 103 97	#F46761
100.0%	100.0% #FF7F6E	RGB 255 127 110	#FF7F6E

#C12B5C #CB345B #D53E5A #E04959 #EA5459 #F46761 #FF7F6E

#C12B5D - #E04959 - #FF7F6E

CSS codes

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

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