#C34D70 - #8D112F | 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 #C34D70 to #8D112F

#C34D70 #8D112F

Calculate the color between two colors, #C34D70 and #8D112F. 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)

#C34D70 - #8D112F | 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 #C34D70 as 0% and #8D112F as 100%.

0.0%	0.0% #C34D70	RGB 195 77 112	#C34D70
16.7%	16.7% #BA4365	RGB 186 67 101	#BA4365
33.3%	33.3% #B1395A	RGB 177 57 90	#B1395A
50.0%	50.0% #A82F4F	RGB 168 47 79	#A82F4F
66.7%	66.7% #9F2544	RGB 159 37 68	#9F2544
83.3%	83.3% #961B39	RGB 150 27 57	#961B39
100.0%	100.0% #8D112F	RGB 141 17 47	#8D112F

#C34D70 #BA4365 #B1395A #A82F4F #9F2544 #961B39 #8D112F

#C34D70 - #8D112F

HSV Blend

#C34D70 - #8D112F | 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 #C34D70 as 0% and #8D112F as 100%.

0.0%	0.0% #C34D70	RGB 195 77 112	#C34D70
16.7%	16.7% #BA4063	RGB 186 64 99	#BA4063
33.3%	33.3% #B13558	RGB 177 53 88	#B13558
50.0%	50.0% #A82B4C	RGB 168 43 76	#A82B4C
66.7%	66.7% #9F2142	RGB 159 33 66	#9F2142
83.3%	83.3% #961838	RGB 150 24 56	#961838
100.0%	100.0% #8D112F	RGB 141 17 47	#8D112F

#C34D70 #BA4063 #B13558 #A82B4C #9F2142 #961838 #8D112F

#C34D70 - #A82B4C - #8D112F

CSS codes

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

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